親身實踐 yui-compressor壓縮js和css

最近很懶散，我的感情、家庭緣由，沒有動力去學東西，總是發誓要搞好前端工程化，老中斷，唉！沒有魄力！

最近老以爲這前端工程化有什麼好的，東西那麼多，還得學！直到前幾天產品提了個優化，說搜索結果頁跳商品詳情頁時很慢，之前都覺得是js裏的ajax請求致使跳轉慢，仔細想一想不對，若是是ajax的問題，頂可能是空白頁，如今問題是跳轉這麼慢，url變了，頁面上仍是搜索結果頁，這不對啊，好吧，F12搞起來，一看都浪費到請求資源上了，好比請求css、js、img上了，雖然運維已經開了gzip，但是仍是慢，因此壓縮這些東西迫在眉睫，這才明白到前段工程化，webpack裏的那些壓縮、編譯頗有必要啊！並非大神們閒的蛋疼，想到前幾天一個博文：只有本身親身實踐了先後端分離, 才能理解其餘人提的優缺點究竟是否存在, 才能比別人更深入一些。誰厲害不厲害就看誰感覺的更深入而已。

好了不扯了，開始。

1. 下載jar包，要配置到webstorm中。地址：https://github.com/yui/yuicompressor/releases

2. webstorm中 file—setting—file watchers—點+號—選【YUI Compressor JS】— 把Program配 剛纔下載的jar包地址。上圖

3. ok，配置完成。

找個js試試，點個空格或者回車就會自動壓縮，在當前文件的下邊會生成月一個min文件，代碼裏引用它便可。

注意：css一樣道理。重複步驟2。YUI compressor能夠壓縮js也能夠壓縮css哦！

-------這些都太low了，若想高薪，趕忙上手前端工程化那一套吧，vue + vue-router + vuex + webpack + ES6 搞起來！記住本身要先寫好一些公用的組件，以便之後直接拷貝，讓別人以爲你是個大神 [捂臉笑]。--------