2017-12-21 11 views
0

基本レベルで web-packをHTML-pluginで設定しようとすると、2つの問題が発生します。Webpack Config Error

  1. なぜその重要すでに
  2. HTMLウェブ・プラグインはHTMLを生成していないwebpack.config.jsに言及エントリポイントと出力を、言及します。次の2つを混合している

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 livereloadを有効にする方法

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 **

答えて

1

物、webpackファイルを出力してディスクに書き込むと、webpack-dev-serverとなります。ファイルを提供するが、ディスクに書き込むことはありません。

(スクリプトでstwebpack-dev-serverwebpackで置き換え、コマンドラインで入力引数と出力引数を削除してください。ファイルはディスクに書き込まれます。

ライブリロードに関する3番目の質問に答えるには、webpack-dev-server(すでにインストール済み)を使用する場合は、how to use itをご覧ください。

+0

あなたの提案によると、私はエラーを出しました**新しいエラーを投げます( "設定ファイルや--output-filenameのどちらかに" output.filename 'が必要です); **これはすでにweb.config.js – faisal

関連する問題