JS和CSS壓縮部署，提高訪問效率

小雷FansUnion發表於2015-04-17
JSCSS
    一直想把專案中的js和css壓縮下，今天終於搞定了。

   先說說幾個注意的問題，目標影響著你對應的解決辦法：
1.壓縮後的檔案，是否要直接覆蓋舊的檔案
2. 單個壓縮檔案重新命名，還是整個目錄換個名字，同時檔名稱不變
3. 部署訪問和切換問題
4.壓縮後的，是否要上傳到git等遠端倉庫裡

 比如
C:/js
   a.js,a.css

方式一，直接覆蓋，目錄和檔名稱，都不變化。
方式二，不覆蓋，仍然在同一個目錄下。
   C:/js/a.min.js
方式三，換個目錄，同名
  C:/js2/a.js

------------------------------
開發過程中，可能習慣用 未壓縮的，上線後希望用壓縮的。

寫這篇文章，真的很讓人糾結，因為感覺場景太多了，想著好累。

------------------------------
壓縮工具和方式有很多中：
方式一：使用yuicompress。可以用命令列的方式，比如java、nodejs等。
方式二：使用tbcompress，據說是淘寶根據yuicompress改造的。
方式三：直接用原始碼，在java程式中控制壓縮的。

------------------------------
最後說說自己目前的方式：

1.本地Java專案中，有個壓縮工具類。
  把a目錄下的所有css和js檔案，壓縮後，放到b目錄下
2.a和b都被提交到git上
3.靜態資源url是可變的。
frontStaticUrl=http://a.com:80/a
可以改成
frontStaticUrl=http://a.com:80/b
就實現了 原始檔案和壓縮版的切換
------------------------------
以上方式，不好的地方。
1.原始檔案變化了，壓縮檔案也要再生成一次。
   當然為了簡單，只有在確定需要部署上線的時候，再執行壓縮，提交到git上。
2.由於是程式的方式，對執行環境有了更高的要求。
  比如，另外一個專案或者非java專案，也想進行壓縮，就搞不定了。
------------------------------
  武漢九天鳥-武漢領先的移動網際網路系統開發商
  九天鳥問答-http://ask.jiutianniao.com
  九天鳥部落格-http://blog.jiutianniao.com
  九天鳥官網-建設中，敬請期待

相關文章