为什么uglify不能处理AngularJS内容?

时间:2016-07-12 16:21:29

标签: javascript angularjs gulp gulp-uglify

我已经构建了一些gulp任务来帮助构建我的Web项目。在其中一个中,我正在缩小js文件。这是任务:

gulp.task('minify' , function() {
  console.log('Copy minified js ');
    return gulp.src('dist/www/**/*.js'])
    .pipe(uglify().on('error', function(e){
        console.log(e);
        }))
    .pipe(gulp.dest('dist/www'));
});

当我执行任务时:gulp minify我收到以下错误:

{ [Error: E:XXXXXX\dist\tmp\bootstrap.js: SyntaxError: Unexpected token: name (mainModule)]
  message: 'E:XXXXXX\\dist\\tmp\\bootstrap.js: SyntaxError: Unexpected token: name (mainModule)',
  fileName: 'E:XXXXXX\\dist\\bootstrap.js',
  lineNumber: 1,
  stack: 'Error\n    at new JS_Parse_Error (eval at <anonymous> (E:XXXXXX\gfgfgfgf\\gulp-uglify\\node_modules\\uglify-js\\tools\\node.js:28:1), <anonymous>:1534:18)\n    at js_error (eval at <anonymous> (

这里是bootstrap.js文件:

import mainModule from './src/main';

angular.element(document).ready(function() {
  angular.bootstrap(document, [mainModule.name], { strictDi: true });
});

发生了什么事?有人可以通过解释为什么它不起作用来帮助我吗?

谢谢!

1 个答案:

答案 0 :(得分:3)

在对角度组件进行uglify之前,需要添加角度依赖注入注释。在通过uglify进行管道传输之前,您可以通过ng-annotate

编辑:此外,uglifying ES6 javascript存在已知问题。如果您使用的是ES6语法,那么在使用它之前应该pipe your code through Babel

希望这有帮助!