Uglify unexpectedly changes Angularjs code load order

Question

My Angular 1 code works fine in development. But when I compress my Angular project to dist with Grunt, my directives run before my services and app.run(), which results in breaking the page.

I traced the issue to uglify which changes the code execution order. I don't know how to prevent my uglify from changing the execution order.

I read your answer to a below post. Why is the excution order important? Perhaps you should check if you can fix the code so it's not dependant on the order angular loads directives etc? — Per Hornshøj-Schierbeck
– Per Hornshøj-Schierbeck, Commented Jun 29, 2016 at 7:48
The directives depend on variable in a service. this service triggers in App.run() function, that is at the start of the app. Uglify pushes this function below the directive. That's the issue — winnyboy5
– winnyboy5, Commented Jun 29, 2016 at 8:31

halfer · Accepted Answer · 2018-12-16 10:30:30Z

1

Below solution worked for me. May be this will help you too. I refered it from here.

Three solutions:

Make the grunt task do not include unwanted files, and include those files already minified in your app.
If problem still occurs after first solution, your angular modules are not "uglify friendly". There's a special way to declare your dependencies so that minifying goes smooth, as described on this page ("a note on minification" paragraph) for example. Please note that instead of doing this declaration "by hand", you can use the "ng-min" task that automatize the process and keep your code clean.
Well, in my case I still had issue, so I ended turning off the "mangle" option in uglify (that very option that make long strings into smaller to compress response size). You can turn off the option like this :
```
uglify: {
    options: {
       mangle: false
    },
}
```

edited Dec 16, 2018 at 10:30

halfer

20.2k20 gold badges110 silver badges207 bronze badges

answered Jun 29, 2016 at 7:02

Nikhil Maheshwari

2,24821 silver badges26 bronze badges

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

1 Comment

winnyboy5 Over a year ago

Thanks for the tip. But my issue is not because of the injection. Its the order of execution. Directives goes to top before everything.

Collectives™ on Stack Overflow

Uglify unexpectedly changes Angularjs code load order

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related