Webpack-dev-serverのコマンドパラメータ

1.基本コマンド：webpack-dev-server

パッケージに追加jsonでscriptsオブジェクトで

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server ！！！！！ ！！！！！",
    "build": "webpack --config webpack.config.js"
  },

自動パッケージング後にブラウザを自動的に開く–open scriptsに追加されたdev

ポートの変更–portポート番号

自動オープンパス–contentBaseパス

ホット・リロード–hotローカル・アップデート.ファイル全体を再パッケージすることなく、ブラウザを非同期で

リフレッシュできます.

2.webpack-dev-server第2の構成コマンド方式

Webpack-dev-server構成コマンドはwebpack.config.jsでの構成

コマンドはwebpackに配置する.config.jsのmodule.exportsで

増加

devServer：{
open;true,
port: ,
contentBase:' '，
hot:true
}

ホットアップデートを有効にするhot:true webpackオブジェクトを取得する

const webpack=require('webpack')

Webpackでconfig.jsのmodule.exportsで//ホットアップデートのモジュールオブジェクトを追加

plugins:[
	new webpack.HotModuleReplacementPlugins({
            template:path.join(__dirname,' html '),
            filename:'index.html'// ， 
        })
]