webpackjs 파일을 패키징할 때 아래와 같이 index.html 인터페이스에 전역 main.js를 도입합니다.
src ='budl.js' 도입해야 합니다.
패키징할 때 압축을 푼 파일이 두 개의 파일로 나누어져 있는데, 하나는 로컬 디스크 파일이고 다른 하나는 메모리에 있는 파일입니다. 이 문제에 직면했을 때, 우리는 html-webpack-plugin 해결할 수 있는 또 다른 방법이 있습니다. html-webpack-plugin 이 플러그인을 설치합니다.
1. 먼저 npm i html-webpack-plugin 입력하여 플러그인을 설치합니다.
2. 그런 다음 webpack.config.js 구성 파일에서 옵션을 구성합니다.
설치 완료
webpack.config.js에 html-webpack-plugin이 도입되었습니다.
생성된 인터페이스 파일 구성
3. 플러그인 설치 후 인덱스에 src=budle.js를 주석 처리한 후 프로젝트를 다시 시작합니다.
4. 프로젝트를 다시 시작한 후 인터페이스는 자동으로 buld.js를 패키징하고 이를 인덱스 인터페이스에 도입합니다.
요약위는 html-webpack-plugin'을 사용하여 메모리에 html 페이지 플러그인을 생성하는 방법에 대한 편집자의 소개입니다. 질문이 있는 경우 메시지를 남겨주시면 편집자가 답변해 드리겠습니다. 당신은 시간에. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!