angular.js - gulp 壓縮後angular報錯問題

Question

有以下bower來的文件,如下

經過gulp合併壓縮後

如果不壓縮正確運轉。有沒有朋友們使用上述依賴壓縮後發生同樣問題的？這種問題要怎麼排除？

Answer 1

如果你想採用縮寫，那你在gulp的流程裡加上gulp-ng-annotate這個外掛。
var ngAnnotate = require('gulp-ng-annotate');

gulp.task('useref-ftl', function () {
    return gulp.src(*******)
        .pipe(gulpif('*.js', ngAnnotate()))
});

以下是原理：
依賴是按字串找的，在寫的時候自己主動寫上依賴，不要縮寫。
例如正式的寫法是
angular.module('adminApp').controller('TestCtrl', ['$scope',function($scope) {}])
然後一般你可以縮寫為
angular.module(' adminApp').controller('TestCtrl', [function($scope) {}])
但是縮寫的方式在壓縮合併之後就會報錯。

Answer 2

是不是壓縮後 引用路徑變了

Answer 3

雷雷 雷雷

Answer 4

依賴是按字串找的，在寫的時候自己主動寫上依賴，因為壓縮後變數什麼的會變，angular自己找不到的。