IntelliJ IDEA：精簡(jiǎn)CSS

2019-02-22 17:21 更新

精簡(jiǎn)CSS

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

在開(kāi)始之前，請(qǐng)確保您的計(jì)算機(jī)上有Node.js.

YUI Compressor是一種用于精簡(jiǎn)CSS代碼的工具?？s小或壓縮意味著刪除所有不必要的字符，例如空格，換行，注釋而不更改源代碼的功能。在開(kāi)發(fā)和調(diào)試期間，這些字符使代碼更易于閱讀。在生產(chǎn)階段，他們只增加要傳輸?shù)拇a的大小。

安裝和配置YUI Compressor

  • 打開(kāi)嵌入式終端（Alt+F12），然后在命令提示符下鍵入npm install yuicompressor。

壓縮CSS代碼

要?jiǎng)討B(tài)壓縮代碼，您需要將壓縮器配置為IntelliJ IDEA 文件監(jiān)視器。

創(chuàng)建文件監(jiān)視器

  1. 在“設(shè)置/首選項(xiàng)”對(duì)話框（Ctrl+Alt+S）中，單擊“工具”下的“文件監(jiān)視器 ”。打開(kāi)的“文件監(jiān)視器”頁(yè)面顯示已配置的文件監(jiān)視器列表。

  2. 單擊添加按鈕或按Alt+Insert ，然后從列表中選擇YUI Compressor CSS預(yù)定義模板。

  3. 在“程序”文本框中，指定yuicompressor-<version>.jar文件的路徑。如果您通過(guò)節(jié)點(diǎn)包管理器安裝該工具，IntelliJ IDEA將自行定位所需的文件并自動(dòng)填寫(xiě)該字段。否則，請(qǐng)手動(dòng)鍵入路徑，或單擊瀏覽按鈕 并在打開(kāi)的對(duì)話框中選擇文件位置。

  4. 按照使用文件監(jiān)視器中的說(shuō)明繼續(xù)操作。

啟用縮小文件觀察程序時(shí)，只要更改或保存文件觀察程序范圍中的CSS文件，就會(huì)自動(dòng)開(kāi)始縮小 。

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

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)