在Angular-CLI项目中自定义bootstrap4-beta scss而不反映更改

时间:2017-08-14 14:06:57

标签: angular bootstrap-4

我正在尝试将上下文主要更改为蓝色以外的某种颜色(默认)。

技术堆栈

  • 带角度4的Angular-CLI项目
  • Bootstrap@4.0.0-beta

我遵循的步骤

  • 1. ng-cli中的执行命令&设置defaults.styleExt scss"
  • 2.In angular-cli.json将样式更改为具有两个路径的数组:
  • 3.Created src / styles / vendor.scss。导航到node_modules / bootstrap / scss / bootstrap.scss并将该文件的内容复制到vendor.scss。
  • 4.添加src / styles / _variables.scss并将其添加为vendor.scss顶部的导入 将所有路径更改为指向node_modules。
  • 5.然后在_src / styles / _variables.scss
  • 中添加了覆盖

角cli.json

"styles": [
  "styles/vendor.scss",
  "styles/main.scss"
]

vendor.scss

@import "variables";

@import "~bootstrap/scss/reboot";

的src /风格/ _variables.scss

$theme-colors: (
  primary: cyan)

但一切都是徒劳的......没有任何改变。 如果有任何人开始使用Bootstrap4-beta,请告诉我 在此先感谢

0 个答案:

没有答案