Webpack 구성 오류

Question

기본 수준에서 HTML 플러그인으로 webpack 구성을 시도하면 2 문제가 발생합니다.

1. 왜 그 중요한 이미
2. HTML - 웹 플러그인은 HTML을 생성하지 않는 webpack.config.js에 언급 진입 점과 출력을 언급합니다.

package.js

"devDependencies": { 
    "html-webpack-plugin": "^2.30.1", 
    "webpack": "^3.10.0", 
    "webpack-dev-server": "^2.9.7" 
    }, 

"scripts": {"st": "webpack-dev-server --entry ./src/js/app.js --output-filename ./dist/bundle.js --watch"} 

webpack.config.js

var HtmlWebpackPlugin = require("html-webpack-plugin"); 

module.export = { 
    entry: "./src/js/app.js", 
    output: { 
    path: __dirname + "/dist", 
    filename: "bundle.js" 
    }, 
    plugins: [ 
    new HtmlWebpackPlugin({ 
     hash: true, 
     filename: './dist/index.html' 
    }) 
    ] 
}; 

** 3 ** 당신은 두 가지를 혼합하는

Answer 1

을 livereload을 사용하는 방법 물건, webpack은 파일을 출력하여 디스크에 쓰고, webpack-dev-server은 파일을 제공하지만 디스크에 쓰지는 않는 서버를 만듭니다.

시도 webpack에 의해 webpack-dev-server (스크립트 st에서) 교체 및 명령 줄에서 입력 및 출력 인수를 제거합니다. 그러면 파일이 디스크에 기록됩니다.

라이브 리로드에 관한 세 번째 질문에 답변하고 webpack-dev-server (이미 설치 한 것)을 사용하려면 how to use it을 살펴보십시오.