webpack4.0 入門流程（補充瞭解） ——第二種webpack-dev-server的配置

package.json

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    
    "dev": "webpack-dev-server"
  },

webpack.config.js

const webpack = require('webpack')  //啓動熱更新的第2步

devServer:{//這是配置dev-server 命令參數的第二種方式（比較麻煩）

 　//--open --port 3000 --contentBase src --hot

　　open: true,//自動打開瀏覽器

　　port: 3000, //設置啓動時候的運行端口

　　contentBase: 'src', //指定託管的根目錄

　　hot: true //啓動熱更新的第1步

},

plugins:[//配置插件的節點

　　new webpack.HotModuleReplacementPlugin(), //new 一個熱更新的模塊對象，這是啓動熱更新的第3步（最後一步）

　],