webpack 实时编译打包,浏览器自动刷新

个人记录

1、npm install webpack-dev-server –save-dev

2、在webpack.config.js配置 devServer：

image

3、package.json 中配置：

"scripts": {
    "watch": "webpack --progress --watch",
    "dev": "webpack-dev-server --open",
    "build": "webpack --mode production",
    "test": "echo \"Error: no test specified\" && exit 1"
  }