Перепкомпиляция SASS сервера Webpack dev приводит к увеличению загрузки ЦП и увеличению времени перекомпиляции.

Question

У меня есть проект с большим количеством файлов SASS. Я использую sass-загрузчик, используя реализацию dart-sass.

Каждый раз, когда я изменяю переменную SASS, процессор нагоняет до 150% +, и время перекомпиляции увеличивается постепенно / постепенно.

Есть ли способ или настройка, чтобы сделать это быстрее и уменьшить загрузку процессора?

environment.loaders.append('sass', {
  test: /\.sass$/,
  use: [
    config.extract_css === false ? 'vue-style-loader' : MiniCssExtractPlugin.loader,
    {
      loader: 'css-loader',
      options: {
        sourceMap: true,
        importLoaders: 2,
      },
    },
    {
      loader: 'sass-loader',
      options: {
        sourceMap: true,
        implementation: require('sass'),
        fiber: require('fibers'),
        data: `@import "app/javascript/manager/styles/main.scss"`,
        indentedSyntax: true,
      },
    },
  ],
});

environment.loaders.append('scss', {
  test: /\.scss$/,
  use: [
    config.extract_css === false ? 'vue-style-loader' : MiniCssExtractPlugin.loader,
    {
      loader: 'css-loader',
      options: {
        sourceMap: true,
        importLoaders: 2,
      },
    },
    {
      loader: 'postcss-loader',
      options: {
        sourceMap: true,
      },
    },
    {
      loader: 'sass-loader',
      options: {
        sourceMap: true,
        implementation: require('sass'),
        fiber: require('fibers'),
        data: `@import "app/javascript/manager/styles/main.scss";`,
      },
    },
  ],
});