vue-cli4.x版本 热更新失效解决方法

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. 重启项目

posted @ 2022-06-17 10:30  小菜波  阅读(793)  评论(0编辑  收藏  举报