Twitter bootstrap 重写引导变量

我有一个angular cli项目，我添加了引导sass包。通过添加以下内容，我已在angular-cli.json中加载了样式：

"styles": [
        "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss",
        "../node_modules/font-awesome/css/font-awesome.css",
        "styles.scss"
      ]

---

但我希望能够覆盖bootstrap拥有的一些变量。如何在angular cli项目中执行此操作？

这实际上相当简单。如果有人有同样的问题，我所做的是将以下内容作为全局样式，而不是通过angular-cli.json加载样式：

$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import './shared/styles/_variables'; // my custom vars that overrides bootstrap
@import '~bootstrap-sass/assets/stylesheets/bootstrap';

---

如果按以下方式将bootstrap.scss导入到主style.scss文件中，则应该可以正常工作

@import '<RALATIVE_PATH_TO>node_modules/bootstrap/scss/bootstrap.scss';

@import'node_modules/bootstrap/scss/bootstrap.scss'；

在哪个文件中导入它们？我面前没有代码。但它要么是global styles.scs，要么是在我的根组件中。