AngularJS에서 하나의 파일로 더 많은 JS 파일을 결합하는 방법은 무엇입니까?

Question

3 개의 모듈 이름 'dashboard.services1', ','dashboard.services2 ', 'dashboard.services3 '이 있습니다.

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

    .service('sublineService', function() 

3 개의 서비스는 .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' }); 
     }]); 

을 app.js하지만 내 문제는 모든 3 개 개의 파일을 작동하지 않습니다. 마지막 항목 예 :

'dashboard.services3' 

이 중에서 작업하고 출력하는 중입니다. 다른 2 파일은 건너 뜁니다. 나는 여기에 내 문제가 싶다.

내 질문 (각도) 하나의 .js로 그 모듈 이름을 결합하는 방법/(즉, 모듈 이름) 이상의 서비스 파일을 추가 파일이 운동 내 출력을 얻을하려는 있던 모든 스크립트를 얻을 제기하는 방법입니다 ..

감사!

Answer 1

angular.module()은 파일 이름을 사용하지 않고 모듈 이름을 사용합니다. Angular는 서버의 스크립트를로드하지 않으므로 응용 프로그램을 부트 스트랩하기 전에 스크립트 파일이로드되어 있어야합니다. 수동

는 등 require.js, $ script.js로 수많은 스크립트 로딩 도구를 사용하여 HTML의 태그를 가진 모든 스크립트를 포함

• :
  당신은 몇 가지 옵션이 ..

• 모든 타사 도구를 사용하여 모든 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로.