Спасибо всем ответившим!
Нашел решение.
Проблема была в конфигурации vue.config.js (использую vue-cli 3).
Для глобальных переменных и миксинов SASS (SCSS) использовал плагин style-resources-loader.
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: [
path.resolve(__dirname, 'src/scss/_variables.scss'),
path.resolve(__dirname, 'src/scss/_mixins.scss'),
],
}
},
Именно из-за него сборка занимала много времени. Изменение одной буквы в HTML-коде компонента приводило к пересборке всех компонентов, использующих SCSS.
Решение проблемы:
1. npm remove style-resources-loader
2. удаление из конфига кода (см. выше)
3. добавление в конфиг кода:
css: {
loaderOptions: {
sass: {
data: `
@import "@/scss/_variables.scss";
@import "@/scss/_mixins.scss";
`,
}
}
},
Результат:
DONE Compiled successfully in 1704ms 15:06:07
App running at:
- Local: localhost:8080
