atom-minify(CSS/JS壓縮神器)

簡(jiǎn)介

對(duì)于接觸前端的小伙伴們，為了優(yōu)化肯定是想盡辦法的。atom 豐富的拓展接口，讓 atom 變得更加強(qiáng)大。國(guó)外的大牛把幾種常見的壓縮集成到一個(gè)小插件里面。于是就有 atom-minify 這個(gè)快捷壓縮神器。

插件項(xiàng)目首頁(yè)

作者： armin-pfaeffle

插件地址：https://atom.io/packages/atom-minify

安裝方法

1. apm install atom-minify
2. 進(jìn)入設(shè)置中心搜索 atom-minify

設(shè)置非常豐富，一些圖形化的設(shè)置已經(jīng)滿足一些小伙伴正常使用了。

http://wiki.jikexueyuan.com/project/atom/images/am.png" alt="" />

默認(rèn)快捷鍵

• ctrl-shift-m : 執(zhí)行壓縮,生成一個(gè)帶 min 后綴的(不想用 min 代表壓縮可以進(jìn)入設(shè)置修改)
• ctrl-alt-shift-m/ctrl-cmd-shift-m : 全局開啟或者關(guān)閉保存自動(dòng)生成壓縮軟件
• ctrl-alt-shift-h /ctrl-cmd-shift-h` : 全局開啟或者關(guān)閉執(zhí)行后彈出的消息面板功能
• 還有一些比較少用的快捷鍵,具體看文檔

支持的壓縮規(guī)格

• CSS支持四種壓縮標(biāo)準(zhǔn)
  • YUI Compressor, clean-css, CSSO, Sqwish.
• JS支持三種壓縮標(biāo)準(zhǔn)
  • YUI Compressor, Google Closure Compiler, UglifyJS2.

提示

atom 的許多特性插件都是大牛從 npm 那里搬過來(lái)封裝的，所以就必須依賴各種模塊，所以執(zhí)行插件遇到各種錯(cuò)誤的時(shí)候別虛，看下錯(cuò)誤，缺啥補(bǔ)啥。

如果想玩自動(dòng)化構(gòu)建的，可以去了解下 gulp，通過豐富的插件，來(lái)實(shí)現(xiàn)更加復(fù)雜的功能，比如動(dòng)態(tài)監(jiān)聽，壓縮等等。

附上一個(gè) Github 項(xiàng)目：https://github.com/crperlin/StartFrontendProject

個(gè)人寫的 gulp 執(zhí)行隊(duì)列，涵蓋了一些常用的功能，有興趣的可以 fork 一起完善。