Vue CLI 3：热重装需要很长时间才能重建

Question

为了使用Vue CLI 3，我已经更新了一个大项目，但是自从这样做以来，热重装就非常缓慢：

• 打开.vue文件后，它会无处不在地自动重建，需要10到15秒的时间
• 每次保存时，我都必须再次等待10-15秒

在CLI 3之前从未发生过。我是否需要激活某种缓存机制？

Answer 1

张贴给遇到相同问题的任何人的帖子。原来，这与我使用style-resources-loader插件的方式有关（该插件使我可以全局使用SASS变量）。

我认为我们需要加载所有样式才能使插件映射事物，但实际上，我们只需要绑定所需的全局样式即可。

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'scss',
      patterns: [
        path.resolve(__dirname, './src/shared/assets/styles/vars/_all.scss')
      ]
    }
  }

每次触发组件时都会重建这些文件，因此需要大量的热重装时间（该项目有很多 的SCSS）