如何配置vue-cli3实现热更新功能？

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

问题：在使用vue-cli3搭建项目后，发现修改.vue文件内容后，页面不会自动刷新。解决方案：只需要在vue.config.js文件中配置一下即可实现热更新，如下所示：javascriptchainWebpack: config=> { config.plugin('hot').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的这一条配置，注释掉之后就可以自动更新。