我正在使用SASS来设计我的网站,并在单独的文件_partials.scss
中开发了一些部分内容。现在我想在各种组件的scss文件中使用这些变量和mixins。所以我将此scss导入styles.scss
文件夹中的\src
文件。但混合和&变量不适用于每个组件级scss文件。
因此,接下来我将这些部分导入每个组件scss文件。这很好用。但这是在所有组件样式表中导入部分内容的好方法吗?什么可以更好地解决这个问题?
P.S。我正在使用Angular CLI和webpack。 Angular 2版本2.3.0
谢谢!
答案 0 :(得分:3)
这 是一种很好的方法。项目中的每个.scss
文件都应该知道它的依赖关系,这就是@import
总是好的原因。
您可以改进的是将部分内容添加到includePaths
(如果您使用node-sass),您可以直接使用@import 'partials';
代替@import '../../my/long/path/to/partials';
或将样式作为单个文件(不是组件级别样式)。
答案 1 :(得分:0)
在 style.sass 中你可以导入 css / scss 链接。