css - 当我将 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. 编译它。

这是示例

注意：像这样你可以修改 BS 使用的 avery 变量。