美文网首页
vue-cli4热更新配置

vue-cli4热更新配置

作者: 背着生活往前走你才辨的出美和丑 | 来源:发表于2021-04-16 14:41 被阅读0次

一、安装webpack-dev-server
npm install --save-dev webpack-dev-server / cnpm install --save-dev webpack-dev-server
二、配置vue.config.js文件
vue-cli4文件和之前很不一样,找到vue.config.js文件做修改

deServer{
disableHostCheck:true //webpack4.0 开启热更新
}
三、配置package.json文件
在package.json文件的script对象中加入热更新代码

"dev": "vue-cli-service serve && webpack-dev-server --open"
四、重启!!!!
一定要重启npm run dev,才可以更新

相关文章

网友评论

      本文标题:vue-cli4热更新配置

      本文链接:https://www.haomeiwen.com/subject/ehselltx.html