最近开始做一个管理后台的项目,热更新失效,每次修改代码都需要重新刷新页面,很麻烦,找了一个办法实现热更新
一、安装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,才可以更新
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。