PhpStorm - 使用文件观察器在缩小之前合并 CSS 文件

标签 phpstorm bundling-and-minification

我有一个项目,在不同的文件夹中包含一些 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/

相关文章:

phpstorm - 除了TODO或FIXME,还有更多方法可以在PHPstorm中突出显示注释吗?

php - 如何使用phpStorm从远程服务器删除文件

git - Git 应该跟踪 .idea 文件夹中的哪些文件?

angular - 如何使用 System JS Builder 捆绑 Angular 2?

php - 如何在 PhpStorm 9 for Blade 模板中使变量自动完成?

git - 如何使用类似PhpStorm/WebStorm的GitKraken查看特定文件的git历史记录

asp.net-mvc - 捆绑和缩小没有呈现正确的路径

css - 如何更新 Site.less/site.css 和 bundle/minify 以使用 BuildBundlerMinifier 生成输出

javascript - RequireJS - ASP.NET MVC 捆绑脚本

gruntjs - 我可以指示 Grunt 连接 index.html 中定义的所有 JS 文件吗?