angularjs undefined main module when minifying using typescript

Question

I am trying to minify and uglify my angularjs + typescript app using grunt-minified. Currently I am getting an error that my main module for the app is not available when I minify. I know why this is occuring due variable names no longer matching the names of the modules they reference. How would I set up annotation so angular is able to identify my main module after minification?

declare module BB {

}

    module BB.MyModule {

        // initialize the module
        export var module = angular
            // load the dependencies
            .module("MyModule", [
                // dependancies
            ]);

    }

This basic setup is working fine unminified, but MyModule is not defined when I minify it. How would I go about defining for safe minification?

basarat · Accepted Answer · 2014-12-30 02:48:37Z

1

You have:

declare module BB {

}

Probably BB has been minified to something else. That would make module BB.MyModule be different from BB.

Solution: Your code is already safe for minification if the point where you bootstrap angular https://docs.angularjs.org/api/ng/function/angular.bootstrap is minified through the same pipeline as BB.module is passed through.

edited Dec 30, 2014 at 2:48

answered Dec 30, 2014 at 0:30

basarat

278k61 gold badges475 silver badges528 bronze badges

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

4 Comments

appthat Over a year ago

So your saying to simply drop declare from module BB only and the problem will be resolved?

basarat Over a year ago

No. I am saying that your code is already safe for minification if the point where you bootstrap angular docs.angularjs.org/api/ng/function/angular.bootstrap is minified through the same pipeline as BB.module is passed through.

appthat Over a year ago

How would I go about determining that angular.bootstrap is being minified on the same pipeline as BB.module? I tried running bootstrap just after initialization of MyModule and loading of controllers, services, directives, etc. No effect though.

basarat Over a year ago

but MyModule is not defined when I minify it Run angular.module('MyModule') in the browser. Is it undefined?

Collectives™ on Stack Overflow

angularjs undefined main module when minifying using typescript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related