在使用vue-cli3搭建项目之后,发现更改.vue文件里面的代码后,页面显示效果不会自动刷新;
解决方案:
只需要在vue.config.js文件中配置一下就可以实现热更新了,如下:
chainWebpack: config => {
// 修复HMR
config.resolve.symlinks(true);
},
修改css部分的内容并没有自动更新,需要设置的是:在css 的相关配置中多了extract:true的这一条配置,注释掉之后就可以自动更新。
css: {
// 是否使用css分离插件 ExtractTextPlugin
// extract: true
}