vuecli3热更新配置

我们在使用vuecli3的时候难免会遇到保存代码但是页面不能自动刷新（热更新）的问题，今天分享一下我的热更新的配置

  chainWebpack: (config) => {
    config.resolve.symlinks(true) // 修复热更新失效
  }

只要在chainwebpack的配置项下加一行config.resolve.symlinks(true)这样我们修改保存.vue文件以及js代码就会自动刷新，

但是我们在修改css的时候页面并没有自动刷新，这是为什么呢？

因为我们在值设置成了true，接下来我们修改一下

const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV)

这样我们修改css之后页面就会自动刷新了。