IT/Webpack

[Webpack] build할 때 LICENSE.txt 생성되지 않게 하기

Webpack으로 빌드를 했을 때 이와 같이 LICENSE.txt 파일이 같이 생성되는 경우가 있다. terser-webpack-plugin 또는 clean-webpack-plugin 설정으로 LICENSE.txt 파일이 더 이상 생성되지 않도록 할 수 있다. 1. terser-webpack-plugin으로 해결하기 const TerserPlugin = require('terser-webpack-plugin'); module.exports = { optimization: { minimizer: [ new TerserPlugin({ extractComments: false }) ] } }; 2. clean-webpack-plugin으로 해결하기 const { CleanWebpackPlugin } = req..

[Webpack] webpack-dev-server가 두 번 실행되는 이유

개발 환경에서 webpack-dev-server를 사용할 때 아래와 같이 두 번 실행되는 경우가 있다. 이 경우 코드도 모두 두 번씩 실행된다. 이유는 빌드 전의 index.html에서 태그로 js 파일을 불러오고 있기 때문이다. 어차피 빌드를 하면 번들링된 js파일을 index.html 내부에 태그로 불러온다. 만약 빌드 전의 index.html에서 태그로 js파일을 불러오고 있다면, HtmlWebpackPlugin이 모든 자바스크립트를 태그 아래로 주입한다. 만약 태그가 꼭 필요하다면, 아래와 같이 HtmlWebpakcPlugin 설정의 inject 속성을 변경하여 해결할 수도 있다. // webpack.config.js ... plugins: [ new HtmlWebpackPlugin({ templ..