gruntFile.js

1. require('time-grunt')(grunt);

Time how long tasks take. Can help when optimizing build times任務執行時間方便時間上的優化

 

2. require('jit-grunt')(grunt, {

useminPrepare: 'grunt-usemin',

ngtemplates: 'grunt-angular-templates',

cdnify: 'grunt-google-cdn'

});

自動加載所需任務

 

3. useminPrepare

useminPrepare: {

html: ['<%= yeoman.app %>/{,**/}*.html'],

options: {

dest: '<%= yeoman.dist %>',

flow: {

html: {

steps: {

js: ['concat', 'uglifyjs'], //用UglifyJS方式壓縮JS文件

css: ['cssmin']

},

post: {}

}

}

}

}

根據 <%= yeoman.app %>/index.html 中的 usemin 塊生成 JS 和 CSS 的壓縮配置，並指定輸出路徑爲 <%= yeoman.dist %> 。

 

4. ngtemplates

配置模板（template）到$tempalteCach, angular 直接在cache中讀取，加快前端的速度。

5. cdnify

將本地路徑改爲cdn路勁

6. watch

監聽文件的變化

7. wiredep

用來根據 bower.json 在指定文件的佔位符中注入 JavaScript 或者 CSS 依賴。 

8. filerev

重命名

9. usemin

基於被壓縮和重命名過的文件重寫html，link路徑

10. jshint/jscs

js語法檢測/js代碼風格檢測

11. clean

清除模塊 .tmp文件

12. postcss

css前綴自動補全

13. ngAnnotate

annotate()方法能夠幫助$injector判斷哪些服務會在函數被調用時注入進去

14. concurrent

用於運行並行任務。對於耗時的任務（如 Coffee and Sass）或者運行 多個阻塞任務 （如 nodemon and watch ） 時頗有用。

 

參考網址