自动刷新页面并不是vue-cli
的功能,而是webpack
的hot-module-replacement-plugin
插件在做这件事,这个插件是webpack
自带的插件,用来做热更新的。如果需要配置hmr只需要在webpack.config.js
的devServer
字段写 下面的配置即可。
{
contentBase: '服务器可以访问的根目录',
hot: true, // 开启热模块替换也就是热更新
hotOnly: true // 不刷新页面,只做热更新
}
而由于vue-cli3
集成了webpack
的配置,所以vue.config.js
里面也有这个属性,配置写法是一样的。