我在項目使用了angularjs架構，用requirejs做異步子產品加載（amd），在做檔案合并壓縮時，遇到了一些坑，有些隻是解決了，但不明白原因。
那些坑
1. build.js裡面的paths必須跟main.js裡面的保持一緻。
這個build.js就是r.js使用的配置檔案，而main.js就是requirejs的main檔案。在合并壓縮時候，build.js檔案裡面也需要寫paths，而且還是跟main.js一樣，我很奇怪為什麼就不能識别main裡面的require.config的paths，省得合并的時候還要将paths拷貝過來（我試過build.js裡面沒有paths，是不能合并的）。（-_-!!!）
2. 某些依賴庫需要寫整個相對路徑才能做合并。
在項目裡， 我使用一個叫layer的第三方庫（庫是以requirejs define寫的），一開始隻做開發時候，在paths配置了路徑後，使用此庫隻需要用個簡稱（define依賴時候）。 但在做合并時候，竟然提示檔案不存在（因為直接拿簡稱去拼檔案位址了），無奈之下隻能修改這個庫的使用辦法，全部使用到這個庫的都寫整個相對路徑，這個時候開發和做合并才沒有錯。
3. 合并之後可以運作，加上壓縮就不可以。
這個是最嚴重問題，最嚴重問題，最嚴重問題。在檔案合并壓縮後，使用檔案時候，angularjs運作就不正常了，總是報子產品初始化失敗，failed to instantiate module common due to: error: [$injector:unpr] unknown provider: e，如下圖。
很關鍵的一個點就是，不壓縮可以用，一旦壓縮了（用了預設的壓縮），使用就會報錯。是以思考必定某些東西被“壓壞”了，網上某些文章都說是需要下面這樣寫angularjs cntroller、directive等，使用的服務用字元串定義。
可是我的整個應用就是這樣定義，并沒有給它注入錯誤的機會。最後在無奈之下，就隻能配置mangle: false，不混淆變量名，這樣做後，合并壓縮的檔案就能正确使用了！！！
ps：簡單說法就是，合并壓縮可以，變量名不能混淆（總覺得怪怪的），感覺問題暫時無解。
4. 第二層的require，做合并的時候，是合并不出來。
例如在mian.js裡面這樣加載子產品，在合并時候會發現第二層的require并沒有被合并到。
這時需要在build.js加findnesteddependencies: true, 這時才會合并第二層。
合并準備
安裝nodejs
下載下傳r.js
簡單配置
配置檔案最好寫一個build.js，如下：
這裡就講幾個關鍵屬性：
baseurl：所有的子產品（般就是js）都相對于這個路徑存在。
optimize：優化腳本檔案的方式，有下面5種取值方式。
uglify：（預設） 用uglifyjs壓縮。
uglify2： 用uglifyjs2（ 2.1.2+）壓縮。
closure： 使用google's closure compiler 簡單優化模式壓縮檔案, 僅在優化工具使用java有效。
closure.keeplines：跟closure參數一樣, 隻不過保留換行符。
none： 不做壓縮。
findnesteddependencies：尋找require()裡面的require或define調用的依賴。
當檔案配置好後，就執行指令合并壓縮
總結
requirejs子產品的合并壓縮還是比較簡單的，但是遇到angularjs，在壓縮方面就有些問題了，目前沒找到什麼更好辦法。
本文為原創文章，轉載請保留原出處，友善溯源，如有錯誤地方，謝謝指正。
轉載：http://www.cnblogs.com/lovesong/p/5116355.html