从 Sass 文件中的 node_modules 导入（使用 ng-cli 构建）答案

【问题标题】：Importing from node_modules in Sass Files (build using ng-cli)从 Sass 文件中的 node_modules 导入（使用 ng-cli 构建）
【发布时间】：2017-09-03 05:48:12
【问题描述】：

我正在使用 ng-cli 构建工具来组装我的 Angular2 应用程序。

我正在使用 Sass 为我的组件设置样式。在这些 sass 文件中，我想从引导程序中导入一些 sass 内容。

我通过使用 Sass @import 实现了这一点，并使用了 node_modules 下相关引导文件的相对路径：

@import "../../../../node_modules/bootstrap/scss/_variables.scss";

这有点麻烦，如果我更改组件的目录结构就会中断。

有没有更简洁的机制来导入表单node_modules 而没有相对路径？

似乎 sass 属性 includePaths 允许我将 node_modules 声明为包含路径，并允许我进行简洁的导入

@import "bootstrap/scss/_variables.scss";

如何指示ng-cli 使用includePaths 配置Sass？

【问题讨论】：

标签： angular angular2-cli

【解决方案1】：

尝试在你的styles.scss中添加@import "~bootstrap/scss/_variables.scss"

【讨论】：

欢迎来到 StackOverflow 并感谢您的帮助。您可能希望通过添加一些解释来使您的答案变得更好。