Sass在另一个sass文件中导入部分内容
问题描述:
我想在我的新项目中使用sass,但我找不到跨文件使用的更好方法。这里是例子Sass在另一个sass文件中导入部分内容
/*a.scss*/
@mixin mixA{
....
}
.classInA{
...
}
/*b.scss*/
@import 'a'
....
我想用mixA无需其他SCSS(如classInA)进口到b.scss,我该怎么办呢?
答
这样做的一种方法是将所有mixin放入一般的mixins文件,然后将该文件导入另一个导入所有SCSS(或SASS)文件的常规文件。
/*mixins.scss*/
//Here goes all your mixins
/*main.scss*/
@import 'mixins';
@import 'header';
@import 'footer';
然后在需要的文件中导入你想要的mixins。
+0
谢谢,我会将所有的mixin收集到一个文件中。 – yoyo
答
如果要导入其他SASS文件简单地做:
@import 'path/sass-file';
@import 'path/sass-file';
@import 'path/sass-file';
如果你想扩展任何已经创建的类在你SCSS,你可以做这样的:
.new-custom-class {
@extend .custom-class;
/* you can add some options in here also */
}
总是在你的sass中使用1个主样式表(例如:main.scss)。在那里导入每个子表单(例如:_mixins.scss,_defaults.scss)。不要忘记命令是重要的,所以mixins应该先装载。 –