Why is uglify not working on AngularJS content?

Question

I've built some gulp tasks to help build my web project. In one of them, I am minifying js files. Here is the task :

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

When i execute my task : gulp minify I get the following error :

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

Here the bootstrap.js file :

import mainModule from './src/main';

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

What's happening? Could someone help me by explaining why it doesn't work?

Thanks you!

Ok i'll transpile first

Pracede
– Pracede

2016-07-12 16:32:53 +00:00
Commented Jul 12, 2016 at 16:32 — Pracede
– Pracede, Commented Jul 12, 2016 at 16:32

Elliot Himmelfarb · Accepted Answer · 2016-07-12 17:23:11Z

3

Before you can uglify Angular components, you need to add Angular dependency injection annotation. You can pipe through ng-annotate before piping through uglify.

Edit: Also, there are known issues with uglifying ES6 javascript. If you are using ES6 syntax, you should pipe your code through Babel before uglifying it.

Hope this helps!

answered Jul 12, 2016 at 17:23

Elliot Himmelfarb

876 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why is uglify not working on AngularJS content?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related