簡體   English   中英

如何在OS X或Webstorm中自動縮小JS和CSS?

[英]How do you automagically minify your JS and CSS on OS X or in Webstorm?

我根據我正在做的事情使用兩個不同的IDE。 我的主要IDE是Visual Studio,我使用Chirpy來混搭和縮小我的代碼。 它完美無瑕,我喜歡它。 問題是,當我不在我的Windows機器上時,我無法訪問它。

不使用Visual Studio時,我通常會在Macbook Pro上的Webstorm中編寫Javascript應用程序。 這就是問題所在。 我沒有找到一個Webstorm插件或任何其他應用程序,我可以配置來觀看我的腳本和mash /縮小它們。

Mac用戶如何在設計時以最小的努力混合/縮小您的JS和CSS?

對於那些現已更新為WebStorm 6的用戶,此功能是內置的。 只需轉到文件(或Mac等價物) - >設置 - >文件監視器,並為您需要觀看的文件類型定義文件監視器。

相關的幫助文檔在這里 - http://www.jetbrains.com/webstorm/webhelp/using-file-watchers.html

您可以在沒有命令行的情況下使用YUI Compressor與這些小應用程序:

我使用lesscuglifyjs來連接和縮小我的css和js文件。 這是Twitter Bootstrap的一個makefile,我使用了以下版本的修改版:

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

這很簡單,因為我只想在編譯時在命令行中鍵入make

我用Minify 它在Mac App Store上

我開發它來支持我自己的工作流程。 minifyapp.com

我既不是Mac也不是Webstorm用戶,但這可能仍然是相關的。

對於javascript,我使用閉包編譯器作為上傳腳本的一部分來縮小。 它不監視文件,它在我運行上載(bash文件)時運行。

如果你想在IDE中保留它,看起來Webstorm有一個Ant插件http://plugins.intellij.net/plugin/?webide&id=4526 ,你可以使用它來執行閉包編譯器。

如果您可以找到命令行css minifier,那么您也可以將它放在Ant腳本中。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM