如何进行vue-cli3的热更新配置操作？

本文共计429个文字，预计阅读时间需要2分钟。

问题：使用vue-cli3搭建项目后，修改.vue文件内容后，页面不会自动刷新。

解决方案：只需在vue.config.js文件中进行如下配置即可实现热更新：

javascriptchainWebpack: config=> { config.plugin('hmr').tap(args=> { args[0].hot=true; return args; });}

问题：

在使用vue-cli3搭建项目之后，发现修改.vue文件里面的内容之后，页面不会自动刷新。

解决方案：

只需要在vue.config.js文件中配置一下就可以实现热更新了，如下：

chainWebpack: config => { // 修复HMR config.resolve.symlinks(true); },

是的就是这么简单。

修改一下标签里面的内容，ok可以自动更新。开森！！！

好像有点开心的太早，修改css部分的内容并没有自动更新，原来的vue.config.js中的css配置搞的鬼。在css 的相关配置中多了extract:true的这一条配置，注释掉之后就可以自动更新。