Uglify mangling breaks minified file

Hello,

When running gulp dist, the resulting dist/my-app.min.js just doesn't run as expected.
I'm using ui-router. When debugging inside my app's .config(), I see dependencies (including $stateProvider) are injected correctly.

But when it comes to states I've declared, they're never triggered. I tried debugging inside each state's controller, but that simply never happens (while trying to access appropriate routes of course).

In the end, the final rendering goes up to my <ui-view/>, which is empty, and that's it.

Two ways to get around that.

• Use my-app.js instead. Not the best.
• Turn uglify's mangling off in the gulpfile (in the dist() function). But really not the best for production.

Any advice?

[joakimbeng]

If you provide some code examples I may be able to help you. Particularly some state and controller examples..

[mmmeff]

@ghost,
You need to write your angular code in the DI pattern:

angular.module('exampleApp', [])
  .controller('ItemsCtrl', ['$scope', '$http', function ($scope, $http) {
    $http.get('items/index.json').success(function(data) {
      $scope.items = data;
    });
  }]);

[reflexdemon]

Try slush-angular-gulp, which is build with inspiration from this project and see the below list.

1. slush-angular
2. angular-styleguide
3. Yomen generator-angular

I had also got issues with minification when built my site using this generator. I had also fixed that issue in my gulpfile.js. Try this file in case that is of any use.