忽略vscode live sass编译器中的某些.scss文件

Question

我正在使用vscode live sass编译器将sass代码编译为css，并试图对代码进行解构，以便在单独的文件中包含特定功能的代码，然后可以将其导入到主{{1 }}一次全部生成，这样我就需要生成一个CSS文件，因为我正在使用react。

到目前为止，我一直很成功，我的问题是，即使我已经导入的其他重构代码也被编译为.scss。我不需要这个

我如何告诉实时sass编译器忽略它们？

Answer 1

您可以使用liveSassCompile.settings.excludeList设置排除特定的文件夹。文件夹中的所有Sass / Scss文件都将被忽略。

如果要排除此文件夹中的一个或多个特定文件，也可以使用负的glob模式。

示例：

默认值

"liveSassCompile.settings.excludeList": [ 
     "**/node_modules/**",
     ".vscode/**" 
]

负球形模式-如果要从路径/子路径目录中排除file1.scss和file2.scss以外的所有文件，则可以使用表达式

"liveSassCompile.settings.excludeList": [
    "path/subpath/*[!(file1|file2)].scss"
]

您可以找到更多信息here。

Answer 2

有两种方法可以防止文件被编译以生成单独的.css文件

1. 以下划线（ _ ）开头的文件（.scss）名称不会被编译为生成CSS文件

2. 如果您的文件夹中包含多个.scss文件，则可以通过vscode setting.json文件排除该文件夹及其子文件夹中的所有文件

代码

"liveSassCompile.settings.excludeList": [
    "**/node_modules/**",
    ".vscode/**",
    "**/YOUR_FOLDER/**"
 ],

用所需的文件夹替换 YOUR_FOLDER

示例我有一个名为“ vender”的文件夹，其中包含所有引导程序源代码文件

Example:SCSS files in vender folder and it's subfolder will not be compiled