忽略 vscode live sass 编译器中的一些 .scss 文件答案

【问题标题】：Ignore some .scss files in vscode live sass compiler忽略 vscode live sass 编译器中的一些 .scss 文件
【发布时间】：2020-08-03 13:21:49
【问题描述】：

我正在使用 vscode live sass 编译器将我的 sass 代码编译为 css 并尝试解构我的代码，以便我在单独的文件中有特定函数的代码，然后我可以将它们导入到主 .scss 全部位于一次，以便生成一个 css 文件，因为这就是我所需要的，因为我正在使用 react。

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

如何让 live sass 编译器忽略它们？

【问题讨论】：

【解决方案1】：

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

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

例子：

默认值

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

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

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

您可以找到更多信息here。

【讨论】：

【解决方案2】：

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

代码

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

用你想要的文件夹替换YOUR_FOLDER

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

【讨论】：