반응형 defineplugin2 20. 웹팩의 확장성과 생태계 - 1 Webpack 플러그인의 활용 웹팩 플러그인은 빌드 과정 중에 여러 작업을 수행하거나 번들 결과물을 최적화하는 데 사용됩니다. 이번 글에서는 몇 가지 유용한 웹팩 플러그인과 그 활용법에 대해 알아보겠습니다. 1. HtmlWebpackPlugin HtmlWebpackPlugin은 HTML 파일을 생성하고 빌드된 번들 파일을 자동으로 삽입해주는 플러그인입니다. 이를 사용하면 빌드된 결과물을 쉽게 확인할 수 있습니다. 설치하기 npm install --save-dev html-webpack-plugin 사용하기 // webpack.config.js const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { // ... 다른 설정 ... 2023. 12. 29. 8. Webpack의 핵심 개념 - 3 Webpack Plugin의 활용 Webpack은 Loader를 통해 모듈을 변환하는 역할을 수행하고, 이에 더해 Plugin을 통해 번들된 결과물에 다양한 작업을 수행할 수 있습니다. Plugin은 번들링된 자원에 대해 추가적인 처리나 최적화, 환경 변수 주입 등을 수행하여 프로젝트에 필요한 기능을 제공합니다. 1. Plugin의 개념 Plugin은 웹팩의 빌드 프로세스에 개입하여 특정 작업을 수행합니다. Loader가 각 모듈에 대한 변환을 담당한다면, Plugin은 번들된 결과물 전체에 대한 작업을 담당합니다. 2. Plugin의 활용 예시 다양한 Plugin이 존재하며, 그 중 몇 가지를 살펴보면서 실제 사용 예시를 살펴보겠습니다. 2.1 HtmlWebpackPlugin HtmlWebpackPlu.. 2023. 12. 24. 이전 1 다음 반응형
