AngularJS 콘텐츠에서 uglify가 작동하지 않는 이유는 무엇입니까?

Question

저는 웹 프로젝트를 구축하는 데 도움이되는 꿀꺽 꿀꺽하는 일을 만들었습니다. 그들 중 하나에서 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 나는 다음과 같은 오류 얻을 : 무슨 일 이죠

import mainModule from './src/main'; 

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

다음은 bootstrap.js 파일

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

를? 누군가가 왜 작동하지 않는지 설명함으로써 나를 도울 수 있습니까?

고마워요!

Answer 1

각도 부품을 uglify하기 전에 각도 종속성 삽입 주석을 추가해야합니다. uglify를 통해 배관하기 전에 ng-annotate을 통해 배관 할 수 있습니다.

편집 : 또한 uglifying ES6 javascript과 관련된 알려진 문제가 있습니다. ES6 구문을 사용하는 경우이를 작성하기 전에 pipe your code through Babel을 사용해야합니다.

희망이 도움이됩니다.