我用SASS部分模块化我的样式表，就像这样:
@import partials/header
@import partials/viewport
@import partials/footer
@import partials/forms
@import partials/list_container
@import partials/info_container
@import partials/notifications
@import partials/queues
有没有办法包括整个partials目录(它是一个充满sas -partials的目录)，比如@import compass之类的?
当前回答
通过定义要导入的文件，可以使用所有文件夹的通用定义。
因此，@import "style/*"将编译style文件夹中的所有文件。
更多关于Sass的导入特性，你可以在这里找到。
其他回答
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#import
看起来不像。
如果这些文件中的任何一个总是需要其他文件，那么让它们导入其他文件，并且只导入顶级文件。如果它们都是独立的，那么我认为你将不得不像现在这样继续做下去。
我创建了一个名为__partials__的文件。SCSS在同一目录的部分
|- __partials__.scss
|- /partials
|- __header__.scss
|- __viewport__.scss
|- ....
在__partials__。scss，我写了这些:
@import "partials/header";
@import "partials/viewport";
@import "partials/footer";
@import "partials/forms";
....
所以，当我想导入整个partial时，只需写@import "partials"。如果我想导入其中任何一个，我也可以写@import "partials/header"。
这对我来说很有效
@import 'folder/*';
通过定义要导入的文件，可以使用所有文件夹的通用定义。
因此，@import "style/*"将编译style文件夹中的所有文件。
更多关于Sass的导入特性，你可以在这里找到。
我也在寻找你问题的答案。对应的答案正确导入所有函数不存在。
这就是为什么我写了一个python脚本，你需要把它放在你的scss文件夹的根目录下，就像这样:
- scss
|- scss-crawler.py
|- abstract
|- base
|- components
|- layout
|- themes
|- vender
然后它将遍历树并找到所有scss文件。一旦执行，它将创建一个名为main.scss的scss文件
#python3
import os
valid_file_endings = ["scss"]
with open("main.scss", "w") as scssFile:
for dirpath, dirs, files in os.walk("."):
# ignore the current path where the script is placed
if not dirpath == ".":
# change the dir seperator
dirpath = dirpath.replace("\\", "/")
currentDir = dirpath.split("/")[-1]
# filter out the valid ending scss
commentPrinted = False
for file in files:
# if there is a file with more dots just focus on the last part
fileEnding = file.split(".")[-1]
if fileEnding in valid_file_endings:
if not commentPrinted:
print("/* {0} */".format(currentDir), file = scssFile)
commentPrinted = True
print("@import '{0}/{1}';".format(dirpath, file.split(".")[0][1:]), file = scssFile)
一个输出文件的例子:
/* abstract */
@import './abstract/colors';
/* base */
@import './base/base';
/* components */
@import './components/audioPlayer';
@import './components/cardLayouter';
@import './components/content';
@import './components/logo';
@import './components/navbar';
@import './components/songCard';
@import './components/whoami';
/* layout */
@import './layout/body';
@import './layout/header';
