监视一个文件夹,使用特定的入口点,然后输出单个 css 文件

Watch a folder, use a specific entry point, then output a single css file

我有一个 SCSS 文件文件夹。主 SCSS 文件是 /css/app.scss。它导入所有其他 SCSS 文件,如 /css/variables.scss/css/component_a.scss

如何让 sass 监视我的 /css/ 文件夹的任何更改,然后从 /css/app.scss 开始重新编译?

现在它出错了,因为 /css/component_a.scss 使用了在不同文件中定义的变量。但在 app.scss 中,它们以正确的顺序导入。

我的回答可能有限,因为我没有关于您如何编译 sass 以及您使用的设置的所有信息。

但是我可以看到您的文件名没有下划线前缀,基本上 sass 将单独编译每个没有“_”前缀的文件。

基本上你想要做的是设置你的任务管理器(g运行t,gulp,等等)来观察所有以'.scss'结尾的文件然后告诉它运行 sass 编译任务并将其指向您的 app.scss 文件。

根据我从您的问题中获得的有限信息,我希望我的回答能为您指明解决问题的正确方向。