1

當前我正在編寫一個Grunt Build文件;它採用「usemin」我已經創建了3塊在HTML這將創建3個文件assets.min.js,lib.min.js等。Concat使用Grunt縮小文件&跳過縮小

<!-- build:js js/assets.min.js --> 
<script type="text/javascript" src="app/assets/js/lib/angular.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-cache.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-route.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-animate.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-touch.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-cookies.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/jquery-1.10.1.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/jqueryui.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/bootstrap.min.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/bootstrap-switch.min.js"></script> 
<!-- endbuild --> 

這工作得很好。但也有我與它面臨的兩個主要問題...

  1. 角度顯示錯誤「未捕獲錯誤[$注射器:modulerr] ..
  2. 看來Usemin也再次miniifying文件

我也試過第二個選項,僅通過concatinating這些文件即繞過微小一步避免Usemin ..仍然同樣的錯誤

請指導

+0

請看看https://github.com/btford/grunt- ngmin它爲你做了角度縮小準備。 – michael

+0

我正在使用「ng-min」。但不知道最新的問題。 –

+0

你解決了這個問題嗎?我也已經在使用ng-min並得到這個錯誤。 – max

回答

0

Angular使用稱爲依賴注入的東西來解析您的參數。 Angular知道每個對象的名字。

「$ scope」將被初始化爲範圍對象,因爲它被命名爲「$ scope」。在usemin之後,這個變量將被調用其他的東西,比如「a」來保存字節。 Angular不知道「a」是什麼,並引發錯誤。

可以解決這個問題,像這樣:

  1. 這裏閱讀角應用 http://docs.angularjs.org/tutorial/step_05

  2. 可手動跟着導遊或使用ngmin進程在運行醜化的縮小。

希望這有助於!

0

你可以通過2種方法解決這個問題。在usemin塊

<!-- build:js js/assets.min.js --> 
<script type="text/javascript" src="app/assets/js/lib/angular.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-cache.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-route.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-animate.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-touch.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/angular-cookies.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/jquery-1.10.1.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/jqueryui.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/bootstrap.js"></script> 
<script type="text/javascript" src="app/assets/js/lib/bootstrap-switch.js"></script> 
<!-- endbuild --> 


2.複製腳本
1.使用unminified文件使用咕嚕任務

copy:{ 
    scripts:{ 
    files:[{ 
     expand: true, 
     cwd:'<%= config.app %>', 
     dest: '<%= config.tmp %>', src: ['app/assets/js/lib/**/*.min.js'] 
    }] 
    }, 
}