gruntjs：使用多个任务多次修改文件的策略

Question

您对以下方案的策略是什么：

我有：app / demo.less

我想：d​​ist / demo.css

我希望中间：

• 使用regexp进行一些搜索/替换
• 自动添加供应商前缀
• 想要编译为更少

对于每一步，都很容易定义源和目的地。

1. 但你怎么工作？您是否为每个中间步骤创建一个文件并正确命名？
2. 您是在第一步中在dist中创建文件并在之后进行更改吗？

提前致谢。

Answer 1

您可能希望查看build任务，例如the Yeoman generator for Angular。跨文件类型的模式似乎是在第一个任务中为/dist生成新文件，然后在适当位置修改它们。

Answer 2

我认为2是最好的方法。根据正则表达式的作用，您可能希望首先执行此操作，但我会说您将LESS处理为CSS，然后执行搜索和替换，然后自动添加您的供应商前缀。生成中间文件没有任何意义，因为您之后很可能需要删除它们;除非你这样做是出于调试目的。

您会发现这三项任务完全符合您的需求：

1. https://github.com/gruntjs/grunt-contrib-less
2. https://github.com/nDmitry/grunt-autoprefixer
3. https://github.com/erickrdch/grunt-string-replace