vue基于vue-cli4+版本开发 热更新失效问题

vue基于vue-cli4+版本开发 热更新失效问题

首次打开可以编译 之后编写代码之后不编译了 找了很久才发现问题是可能更新失效的问题

定位问题之后就是如何解决？

网上看了别人的博客有了答案

下面展示一些 内联代码片。

1. 安装 webpack-dev-server

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

2. 修改vue.config.js配置

devServer: {
　　port: 3033,
　　host: "0.0.0.0",
　　https: false, // https:{type:Boolean}
　　open: true, // 配置自动启动浏览器
　　disableHostCheck: true, //webpack4.0 开启热更新  主要代码
},

3. 更改packjson.js

 "serve": "vue-cli-service serve && webpack-dev-server --open",

4. 重启项目