如何在OS X或Webstorm中自动缩小JS和CSS？

Question

我根据我正在做的事情使用两个不同的IDE。 我的主要IDE是Visual Studio，我使用Chirpy来混搭和缩小我的代码。 它完美无瑕，我喜欢它。 问题是，当我不在我的Windows机器上时，我无法访问它。

不使用Visual Studio时，我通常会在Macbook Pro上的Webstorm中编写Javascript应用程序。 这就是问题所在。 我没有找到一个Webstorm插件或任何其他应用程序，我可以配置来观看我的脚本和mash /缩小它们。

Mac用户如何在设计时以最小的努力混合/缩小您的JS和CSS？

Answer 1

对于那些现已更新为WebStorm 6的用户，此功能是内置的。 只需转到文件（或Mac等价物） - >设置 - >文件监视器，并为您需要观看的文件类型定义文件监视器。

相关的帮助文档在这里 - http://www.jetbrains.com/webstorm/webhelp/using-file-watchers.html

Answer 2

您可以在没有命令行的情况下使用YUI Compressor与这些小应用程序：

• http://www.webmaster-source.com/minimus/ - 免费
• http://www.matmartinez.net/delivery/ - 免费

Answer 3

我使用lessc和uglifyjs来连接和缩小我的css和js文件。 这是Twitter Bootstrap的一个makefile，我使用了以下版本的修改版：

https://github.com/twitter/bootstrap/blob/master/Makefile

这很简单，因为我只想在编译时在命令行中键入make 。

Answer 4

我用Minify 。 它在Mac App Store上 。

我开发它来支持我自己的工作流程。 minifyapp.com

Answer 5

我既不是Mac也不是Webstorm用户，但这可能仍然是相关的。

对于javascript，我使用闭包编译器作为上传脚本的一部分来缩小。 它不监视文件，它在我运行上载（bash文件）时运行。

如果你想在IDE中保留它，看起来Webstorm有一个Ant插件http://plugins.intellij.net/plugin/?webide&id=4526 ，你可以使用它来执行闭包编译器。

如果您可以找到命令行css minifier，那么您也可以将它放在Ant脚本中。