Почему vue-cli импортирует scss дважды в компоненты?

Question

[stalker777]

Всем привет! Не знаете почему в консоле дублируются трижды bootstrap scss стили? Импорт использую только в vue.config.js. vue 2, vue-cli 3

Answer 1

[Андрей Пастухов]

Потому что настройка additionalData говорит что к каждому scss файлу нужно добавить то что вы прописали, а именно @import "...";

Тут такая же проблема, но воспроизвели немного по другому (ручками добавили один и тот же файл со стилями в разных местах. Там же и пишут возможное решение и issue самого sass-loader - почитайте

Comments

[stalker777]

А как импортировать в одном месте bootstrap.scss чтобы переменные и стили были видны во всех компонентах и даже в том случае если мы не используем style lang="scss" в компоненте?

[Андрей Пастухов]

Очевидное решение - нужно в additionalData добавить только файл с переменными и желательно локальный файл variables.scss. А вот в свой variables импортнуть уже bootstrap-овские variables.scss
Ну и куда-нибудь в свой main.js импортнуть стили bootstrap (= или опять же в локальный main.scss импортнуть стили bootstrap.scss)