在Closure Compiler輸出中包括AngularJS部分模板

Question

我只是從AngularJS（1.4.7）開始，希望使用Closure Compiler為新應用程序生成簡潔的構建輸出。

我正在成功生成一個包含我的應用程序所有JavaScript的單個輸出文件，該文件之前是它依賴的每個庫。

但是，我的應用程序使用ngRoute，這在訪問時為每個路由加載控制器和部分html模板。 每個模板均按要求加載，因此首次使用路由時，模板下載會有所延遲。

我習慣使用RequireJS，在該模板中可以將模板視為資源並捆綁到已編譯的生成產品中，但是我看不到使用Angular和Closure的方法。

我認為這是先前已解決的問題，但是我很難通過Google查找相關信息。

是否可以在由Closure Compiler或其他工具生成的構建產品中包含部分模板？

Answer 1

解決此問題的最佳方法是兩步過程：

1. 使用r.js優化器對依賴項進行排序並創建一個JS文件。
2. 使用closure-compiler壓縮來自r.js的輸出文件。

require js優化器可以作為grunt和gulp插件使用。

使用gulp，您只需將requirejs輸出傳遞到編譯任務中。 對於grunt，您需要將optimize屬性設置為none並生成一個中間文件。 中間文件將是您的閉包編譯器的js輸入文件。