为什么 uglify 不适用于 gulp 中的 javascript 文件

Question

我无法说服为什么 uglify 不适用于我的 app.js (angularjs) 文件。这是我的部分js文件。

(function() {
    'use strict';

    var coursesApp = angular.module('pwaCoursesApp',['ngRoute', 'ngSanitize'])
    coursesApp.config(['$routeProvider', '$locationProvider', function( $routeProvider, $locationProvider){
        $routeProvider
        .when('/', 
            {
                templateUrl: '/home.html',
                controllerAs: 'homeCtrl'
            })
        .otherwise({redirectTo:'/'});
    }]);

    coursesApp.controller('homeCtrl', function($scope, $http) {

    });
})();

这是我的gulp uglify 脚本

gulp.task('scripts', function() {
  var sources = [
    'node_modules/es6-promise/dist/es6-promise.js',
    'app/scripts/app.js',
    ];

  return gulp.src(sources)
    .pipe($.concat('main.min.js'))
    .pipe($.uglify())
    .pipe(gulp.dest('dist/scripts'))
    .pipe($.size({title: 'scripts'}));
});

和 gulp 告诉我它已成功丑化，但是当我呈现我的应用程序时它根本无法工作并向我显示该错误消息。

main.min.js:2 Error: [$injector:unpr] http://errors.angularjs.org/1.3.8/$injector/unpr?p0=tProvider%20%3C-%20t%20%3C-%20homeCtrl
    at http://localhost:3000/scripts/main.min.js:1:6739
    at http://localhost:3000/scripts/main.min.js:1:22851
    at Object.r [as get] (http://localhost:3000/scripts/main.min.js:1:21847)
    at http://localhost:3000/scripts/main.min.js:1:22924
    at r (http://localhost:3000/scripts/main.min.js:1:21847)
    at Object.i [as invoke] (http://localhost:3000/scripts/main.min.js:1:22103)
    at l.instance (http://localhost:3000/scripts/main.min.js:2:10025)
    at http://localhost:3000/scripts/main.min.js:2:1403
    at o (http://localhost:3000/scripts/main.min.js:1:7233)
    at x (http://localhost:3000/scripts/main.min.js:2:1387) <div ng-view="" class="ng-scope">

但不是丑化，它工作顺利。请让我知道我错过了什么。谢谢。

Answer 1

这通常发生在您使用快捷语法注入依赖项时。

angular
    .module('myapp')
    .controller('myController', function ($rootScope, $location) {

})

是快捷语法的示例。

这很糟糕，因为依赖项没有写在字符串中。所以当你缩小它时，它会变成像

function(a,b)

这显然行不通。

改用$inject。

有关详细信息，请参阅 here。

为什么 uglify 不适用于 gulp 中的 javascript 文件

Why uglify not working for my javascript file in gulp

javascript

angularjs

gulp-uglify