vue-cli3 熱更新配置

原文鏈接: 點我

問題：

在使用vue-cli3搭建項目之后，發現修改.vue文件里面的內容之后，頁面不會自動刷新。

解決方案：

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

1.  
   chainWebpack: config => {
2.  
   // 修復HMR
3.  
   config.resolve.symlinks(true);
4.  
    
5.  
   },

是的就是這么簡單。

修改一下標簽里面的內容，ok可以自動更新。開森！！！

好像有點開心的太早，修改css部分的內容並沒有自動更新，原來的vue.config.js中的css配置搞的鬼。在css 的相關配置中多了extract:true的這一條配置，注釋掉之后就可以自動更新。

 

題外話：

vue-cli升級到3之后，減少了很多的配置文件，將所有的配置項都濃縮到了vue.config.js這個文件中，所以學懂並會用vue.config.js文件很重要，很重要，很重要。重要的句子要加粗。