อึกลดขนาดปัญหาเกี่ยวกับไฟล์แอปเชิงมุมโดยใช้ needjs

เรากำลังใช้ Requirejs เป็นตัวโหลดโมดูลสำหรับแอป Angular ของเรา และพยายามใช้ gulp เป็นเครื่องมือสร้าง ย่อขนาดไฟล์แอปทั้งหมด (เช่นเดียวกับโครงสร้างโฟลเดอร์เดียวกัน) และใช้ไฟล์เดียวกันในการเผยแพร่ ในขณะที่ใช้เวอร์ชันย่อส่วนได้รับข้อผิดพลาด Unknown provider: e เกิดข้อผิดพลาดขณะบูตแอปพลิเคชันจากไฟล์ app.js (...แสดงว่ายังมีแบบนี้อีก)

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;
});

รุ่นเดิม

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({....

ฉันขาดอะไรไป นี่เป็นขั้นตอนที่ถูกต้องในการลดขนาดไฟล์ needjs หรือไม่ ฉันจำเป็นต้องพิจารณาเทคนิคการเพิ่มประสิทธิภาพอื่น ๆ หรือไม่?


person NikhilGoud    schedule 28.08.2017    source แหล่งที่มา


คำตอบ (1)


ปัญหาไม่ได้อยู่ที่ การลดขนาด คุณต้องใช้ การพึ่งพาการฉีดในแอป Angular

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

อย่างไรก็ตาม เพื่อการพัฒนาที่เร็วขึ้น คุณสามารถใช้ gulp-ng-annotate

person Satpal    schedule 28.08.2017
comment
อึก-ng-annotate ช่วยฉันได้มากขอบคุณที่แนะนำ - person NikhilGoud; 28.08.2017