vue-cli4热更新配置

2021-04-16  本文已影响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,才可以更新

上一篇下一篇

猜你喜欢

热点阅读