2017-08-28 5 views
0

AngularアプリのモジュールローダーとしてRequirejsを使用し、gulpをビルドツールとして使用しようとしました。 すべてのアプリケーションファイルを(同じフォルダ構造のように)縮小し、同じものを公開用に使用しました。エラーを取得したミニバージョンを使用しています Unknown provider: eapp.jsファイルからアプリケーションをブートストラップするときにエラーがスローされます。Gulp requirejsを使用した角度アプリファイルに関する問題を緩和します

define(['angularAMD', 'angular-ui-router', 'routeResolver', 'RestService', 'AuthModule', 'smarttable', 'ngScrollable'], 
    function (angularAMD) { 
     'use strict'; 
     var app = angular.module('modelBuilderApp', ['ui.router', 'ngScrollable']); 
     app.config(function ($locationProvider, $stateProvider, $urlRouterProvider, routeResolverProvider) { 
      var route = routeResolverProvider.route; 

      $stateProvider 
       .state('model', angularAMD.route({... 

縮小さバージョン

define(["angularAMD", "angular-ui-router", "routeResolver", "RestService", "AuthModule", "smarttable", "ngScrollable"], 
function (angularAMD) { 
    "use strict"; 
    var e = angular.module("modelBuilderApp", ["ui.router", "ngScrollable"]); 
    return e.config(function (e, l, r, t) { //ERROR HERE 
     var o = t.route; 
     l.state("model", angularAMD.route({.... 

私はいずれかを足りないオリジナルバージョン

define(['angularAMD', 'jquery', 'angular-ui-router', 'modelBuilderApp', ... ], function (angularAMD, $) { 
    'use strict'; 
    var app = angular.module('app', ['ui.router', 
     'modelBuilderApp',....]); 
    ... DO configure app ... 
    angularAMD.bootstrap(app); //ERROR HERE  
    return app; 
}); 

(...もっとこれらのような存在であることを示す)、これはrequirejsファイルを縮小化の正しい手順です? その他の最適化手法を調べる必要はありますか?

答えて

4

問題はミニ化ではありません。あなたが角度アプリでdependency injection

app.config(['$locationProvider', '$stateProvider', '$urlRouterProvider', 'routeResolverProvider', function ($locationProvider, $stateProvider, $urlRouterProvider, routeResolverProvider) { 
    //Your code 
}]); 

を使用する必要があるしかし、迅速な開発のために、あなたはgulp-ng-annotate

+0

一気-NG-注釈が必ず私に勧めるためにたくさんの感謝を助け使用することができます。 – NikhilGoud

関連する問題