[Webpack] webpack-dev-server script 2번 실행

 

webpack-dev-server를 사용할 때

index.html에서 <script>태그로 js파일을 불러올 경우 2번 실행된다.

 

왜??

빌드 시 HtmlWebpackPlugin이 번들링된 js파일을

index.html 의 body 태그 아래에 불러오기 때문에

html 내부에 작성된 script 태그가 있다면 2번 실행이 되는 것이다.

 

 

html 안에 script 태그를 지워주면 해결이 되지만

script 태그가 필요하다면 injext 옵션을 변경하여 해결할 수 있다.

plugins: [
    new HtmlWebpackPlugin({
      template: "./src/index.html",
      inject: false
    })
],

 

 

참고 블로그 : https://tesseractjh.tistory.com/181