如何在AngularJS中將更多的JS文件合併到一個文件中？

Question

我有3個模塊名稱'dashboard.services1'，'dashboard.services2'， 'dashboard.services3'。

angular.module('dashboard.services1', []) 

    .service('sublineService', function() 

3服務是.js（角度）文件。這些文件我想在

添加app.js

angular.module('dashboard', ['dashboard.filters', 'dashboard.services1', 
'dashboard.services2', 'dashboard.services3', 'dashboard.directives', 
'dashboard.controllers']). 
     config(['$routeProvider', function ($routeProvider, $routeParams) { 
      // Dashboard Screens 
      $routeProvider.when('/lines', 
{ templateUrl: 'partials/lines.html', controller: 'PlantController' }); 
      $routeProvider.when('/lineId/:lineId/linename/:linename', 
{ templateUrl: 'partials/line-detail.html', controller: 'LineDetailController' }); 
      $routeProvider.when('/subline/:lineId/:sublineId', 
{ templateUrl: 'partials/subline-detail.html', controller: 'SublineController' }); 
      $routeProvider.when('/equipment/:equipmentId', 
{ templateUrl: 'partials/equipment-detail.html', controller: 'EquipmentController' }); 
    $routeProvider.otherwise({ redirectTo: '/lines' }); 
     }]); 

但我的問題是不工作的所有這3個文件。例如

'dashboard.services3' 

只能正常工作並從中獲得輸出。其他2個文件被跳過。我不想在這裏是我的問題。

我的問題是如何添加更多的服務文件（即模塊名稱）/如何將這些模塊名稱合併成單個.js（角度）文件，以獲得所有腳本文件都想工作並得到我的輸出。

謝謝！

Answer 1

angular.module（）不採用文件名，它需要模塊名稱。 Angular不會爲你加載來自服務器的腳本，它希望腳本文件在引導應用程序之前由你加載。

您有幾種選擇：

• 手動在HTML標記與您的所有腳本
• 使用任何腳本無數裝載工具，如require.js，$的script.js等。 ..

• 使用第三方工具將所有JavaScript文件合併到一個文件中，並可選擇最小化/優化。您可以使用的東西，如：

  • 谷歌關閉編譯：https://developers.google.com/closure/compiler/
  • RequireJS優化：http://requirejs.org/docs/optimization.html#wholeproject
  • 雅虎的YUI壓縮機：http://yui.github.io/yuicompressor/
  • Uglify.js：https://github.com/mishoo/UglifyJS

然後您需要使用標籤加載由其中一個工具生成的腳本在你的HTML。