在Angular2组件中导入SASS部分

时间:2016-12-15 14:34:49

标签: css angular sass

我正在使用SASS来设计我的网站,并在单独的文件_partials.scss中开发了一些部分内容。现在我想在各种组件的scss文件中使用这些变量和mixins。所以我将此scss导入styles.scss文件夹中的\src文件。但混合和&变量不适用于每个组件级scss文件。

因此,接下来我将这些部分导入每个组件scss文件。这很好用。但这是在所有组件样式表中导入部分内容的好方法吗?什么可以更好地解决这个问题?

P.S。我正在使用Angular CLI和webpack。 Angular 2版本2.3.0

谢谢!

2 个答案:

答案 0 :(得分:3)

是一种很好的方法。项目中的每个.scss文件都应该知道它的依赖关系,这就是@import总是好的原因。

您可以改进的是将部分内容添加到includePaths(如果您使用node-sass),您可以直接使用@import 'partials';代替@import '../../my/long/path/to/partials';或将样式作为单个文件(不是组件级别样式)。

答案 1 :(得分:0)

在 style.sass 中你可以导入 css / scss 链接。