我有一个项目,在不同的文件夹中包含一些 CSS 文件,我想将它们自动合并到一个最终/实时文件中。
在开发过程中我希望它们是分开的。
我不想在 css 文件中使用 @import
。
在我看来,PhpStorm 中的文件观察器应该能够做到这一点。因为我需要一些 GUI。
我不习惯使用命令行。但我使用这个 step-by-step-guide 启动并运行了 YUI 压缩机。此设置会压缩我所有的 css 文件。并不是真的需要,只是想压缩一个文件。 我还了解到 YUI Compressor 无法合并文件。
我想要以下文件更改工作流程:
- 按照正确的顺序将 CSS 文件合并到一个文件
- 缩小并保护一个 CSS 文件
谁能列出来:
- 要安装什么节点模块及其命令
- 如何配置文件列表和顺序。有什么命令吗?文件编辑?
- 合并完成后如何开始缩小
PS:如果有任何带有 GUI 的应用程序可以在 PhpStorm 之外的文件更改上执行此操作,那么它也是一个选项。 (CodePen 不支持 CSS,仅支持 SCSS 和 LESS)
最佳答案
我建议使用 Grunt grunt-contrib-cssmin任务 - 它支持合并和缩小文件。您可以使用 Grunt 控制台运行任务(推荐),或将其配置为文件观察器
关于PhpStorm - 使用文件观察器在缩小之前合并 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38122356/