Tag: watch

用postcss观察多个css文件并输出一个bundle.css

我试图找出涉及postcss的工作stream程。 我的需要是在一个文件夹中有css partials，看着他们，并输出一个捆绑的CSS文件。 bundle css文件的顶部必须包含一个base.css文件。 postcss有一个–watch标志，可以观看多个文件，但只能输出多个文件，而不是捆绑的css文件。 我可以使用cat结合所有的文件，并使用标准inputpipe道postcss。 但是我不能从postcss中触发cat命令。 我的文件结构可能是这样的： partials/ |_one.css |_two.css styles/ |_base.css |_bundle.css 我如何使用npm来安排我的脚本部分使用CLI命令来实现我的目标？ 我的主要问题是弄清楚如何对构build步骤进行pipe理，而不是一个步骤阻塞下一步。 一个工作stream程示例的链接将是非常好的！ 编辑我有一个解决scheme工作，但它是非常不理想的，因为它不能与源代码映射，不能有全局variables，是一个两步的过程。 但我会在这里概述一下，希望有人能提出一个更好的方法。 使用以下结构： build/ |_stylesheet/ |_default.css (final processed css) partials/ |_one.css |_one.htm (html snippet example) |_two.css |_two.htm (html snippet example) styles/ |_base.css |_bundle/ (css files from partial/ that is partly processed) |_one.css |_two.css |_master.css (import rules) 我在package.json有两个步骤。 […]