Как переопределить переменные Bootstrap в рабочем процессе Vue (Vanilla Bootstrap)?

Question

Официально рекомендуемый способ настройки начальной загрузки / темы - переопределение переменных начальной загрузки с использованием sass.Но как мне это сделать, или, вернее, как мне добавить эту часть процесса в рабочий процесс веб-пакета Vue?

Google попытался отредактировать файл vue.config.js , чтобы добавить загрузчик scss в веб-пакет, но я не могу найти нужный файл.

Этоэто структура каталогов

Я использовал vue-cli v3.4 для настройки проекта.

Я использую vanilla bootstrap, а не компоненты bootstrap-vue.

Answer 1

Создайте файл с именем custom.scss.Перейдите в каталог node_modules/bootstrap/scss и скопируйте все из _variables.scss.Вставьте их в свой custom.scss.

В свой style.scss импортируйте свой custom.scss, прежде чем импортировать bootstrap.scss.

Теперь в свой main.js импорт @/assets/style.scss.

Вам нужно будет убрать флаг !default из любых переменных, которые вы хотите переопределить в вашем custom.scss, чтобы они также вступили в силу.