如何分别组合不同组的 sass 个文件?

How can I compile different groups of sass files seperately?

我正在做一些 wordpress 开发,我正在努力设置我的开发环境是一种舒适的方式。我正在构建一个 parent 主题和一个 child 主题。每个主题都有自己的一组 sass 文件。我只想在编辑 parent 主题样式表时编译 parent 主题文件。我只想在编辑这些样式表时编译 child 主题样式表。

我正在使用 live-sass-compiler 扩展来编译我的 sass。我愿意使用不同的编译方法,比如 Gulp.

现在,我已将 parent 和 child 分成两个不同的工作区。我已将我的 .vscode/settings.json 文件添加到每个 parent 和 child 主题文件夹中,因为它们现在都是根文件夹。

我不喜欢这个设置,因为我必须使用两个 vscode windows 而且 vscode 看不到 Wordpress 通过智能感知提供的所有功能。

你有什么建议吗?我应该设置一个 gulp 任务来编译我的 sass 吗?

就像你所说的,Gulp 是一个很好的主意,可以从头到尾控制你的 Sass 编译 "flow",甚至有条件地 运行 文件 A,文件 B 的另一个不同。例如,有很多插件可以与 PostCSS 一起使用,使您的代码面向未来。

您可以使用 npm 查看 this Gulp Sass tutorial 来掌握它。