縮小JavaScript

縮小JavaScript

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

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

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

在你開始之前，請(qǐng)確保：

1. 安裝了Node.js。

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

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

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

安裝縮小工具

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

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

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

壓縮代碼

要?jiǎng)討B(tài)壓縮代碼，您需要將縮小工具配置為IntelliJ IDEA文件觀察器。

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

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

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

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

   • 對(duì)于Closure Compiler：compiler.jar。

   • 對(duì)于YUI Compressor JS：yuicompressor-<version>.jar。

   • 對(duì)于UglifyJS：uglifyjs.cmd。

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

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

運(yùn)行壓縮機(jī)

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

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