javascript - 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）。