webpack4 监视模式自动加载，webpack-dev-server的使用

webpack版本：4.29.6

ebpack-dev-server为您提供了一个简单的Web服务器和使用实时重新加载的能力。

安装

npm install --save-dev webpack-dev-server

 package.json

module.exports = {
    ....
    },
devServer: {
     contentBase: './dist'   //这告诉webpack-dev-server我们从dist目录中提供文件localhost:8080
   },

 package.json

"scripts": {
      "start": "webpack-dev-server --open", //加上这个，之前配置好的不改
    },

运行：run start

完美，已经开始实时加载

然后会看到这个页面：

点击view里的html文件，或者点击打包好的html文件（一定要在上面截图这个页面点开才能看到效果），在本地编辑器修改html代码,就会自动帮你打包好实时加载了