当我使用 Angular 和 CSS 时，如何重新编译 Bootstrap 以便我的主题颜色在 _variables.scss 中改变？

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. 编译它。

here is the example

注意：您可以像这样修改 BS 使用的每个变量。