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).