Как я могу перекомпилировать Bootstrap, чтобы цвет моей темы изменился в _variables.scss, когда я использую Angular с CSS?

Question

Пока я нашел файл SCSS node_modules/bootstrap/scss/_variables.scss например, чтобы изменить основной цвет, и я остановил npm и снова запустил интерфейс, но изменения в этом файле не отображаются в фактическом поведении.

Я предполагаю, что это потому, что мне нужно перекомпилировать Bootstrap, но поскольку я никогда не использовал SCSS, а мой проект Angular использует CSS, я понятия не имею, и я не мог найти легкого объяснения, как этого добиться.

Заранее спасибо!

Answer 1

ДЕЛАТЬ:

1. создайте файл variable.scss в своем проекте и напишите это

$primary: red; 

2. в вашем файле main.scss

@import 'variables';
@import '~bootstrap/scss/bootstarp'

3. скомпилируйте это.

вот пример

ПРИМЕЧАНИЕ: таким образом вы можете изменять все переменные, используемые BS.