最近开始做一个管理后台的项目,热更新失效,每次修改代码都需要重新刷新页面,很麻烦,找了一个办法实现热更新

一、安装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,才可以更新


小鱼儿
58 声望3 粉丝