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步（最后一步）

　],