縮小JavaScript

縮小JavaScript

此功能僅在Ultimate版本中受支持。

IntelliJ IDEA與Closure Compiler， YUI Compressor和UglifyJS集成 ，可以讓您即時壓縮JavaScript應(yīng)用程序源。

術(shù)語minification或compression（縮小或壓縮）意味著刪除所有不必要的字符，例如空格，換行符，注釋而不改變源代碼的功能。在開發(fā)和調(diào)試階段，這些字符可以提高代碼的可讀性。但是在生產(chǎn)階段，它們不再需要代碼執(zhí)行，只會增加要傳輸?shù)拇a的大小。

在你開始之前，請確保：

1. 安裝了Node.js。

2. 如果要使用YUI Compressor或Closure Compiler，請下載并安裝Java Runtime Environment（JRE）：

   • YUI Compressor的JRE 1.4或更高版本。

   • 閉包編譯器的JRE版本7。

安裝縮小工具

• 要安裝UglifyJS，請打開內(nèi)置IntelliJ IDEA終端（Alt+F12）并輸入：npm install uglify-js或npm install uglify-js@<version>。您可以從UglifyJS官方網(wǎng)站了解更多信息。

• 要安裝YUI Compressor，請按照YUI Compressor官方網(wǎng)站上的說明進行操作。

• 要安裝Closure Compiler，請按照Closure Compiler官方網(wǎng)站上的說明進行操作。

壓縮代碼

要動態(tài)壓縮代碼，您需要將縮小工具配置為IntelliJ IDEA文件觀察器。

創(chuàng)建一個文件觀察器：

1. 在“設(shè)置/首選項”對話框（Ctrl+Alt+S）中，單擊“工具”下的“文件觀察器” ?！拔募^察器”頁面將打開。

2. 單擊并從列表中選擇相關(guān)的文件觀察器模板。

3. 在打開的“新觀察器”對話框中，在Program字段中指定相關(guān)可執(zhí)行文件或.jar存檔的路徑：

   • 對于Closure Compiler：compiler.jar。

   • 對于YUI Compressor JS：yuicompressor-<version>.jar。

   • 對于UglifyJS：uglifyjs.cmd。

4. （可選）自定義文件觀察器的行為。

5. 確保選中文件觀察器旁邊的復選框，表示已啟用文件觀察器。

運行壓縮機

啟用縮小文件觀察器后 ，只要更改或保存文件觀察器范圍中的JavaScript文件，就會自動開始縮小。

IntelliJ IDEA使用生成的輸出創(chuàng)建單獨的文件。該文件具有源JavaScript文件的名稱和擴展名min.js。生成的文件的位置在“新觀察器”對話框的“要刷新的輸出路徑”文本框中定義。但是，在項目樹中，默認情況下它顯示在源JavaScript文件下，該文件現(xiàn)在顯示為節(jié)點。要更改默認表示，請在“項目”工具窗口中配置文件嵌套。