Minification and Bundling

Posted in General by Tommy T Sat Feb 06 2016 00:15:02 GMT+0000 (Coordinated Universal Time)·3·Viewed 2,747 times

I have an application that has many modules. Each module has components that are lazily loaded using a service like so: angular.module('myApp', []) .config() .service("lazyLoad", lazyLoad) lazyLoad.$inject = ['$ocLazyLoad']; function lazyLoad(ocLazyLoad) { return ocLazyLoad.load([ "path/to/component1", "path/to/component2", etc.... ]) } I eventually bundle and minify all of the files relating to this module. But, this minified version is still telling ocLazyLoad to get files at "path/to/component1" instead of "file/to/component1.min.js". A couple of solutions?: 1) check for production or development environment in the service, create a bundle that includes all components but excludes the module file above and instead of loading "path/to/component1", just load one bundle (this one created without the module file above). 2) create a .min.js file for every component that is lazily loaded. keep the module file above the same except check for prod or dev env and if dev load all the files but with .min.js. If done this way, then it defeats the purpose of having one large minified bundle. Any other solutions? Thanks.
Feb 6, 2016

Not really another solution no, sorry :-)

marked this as solved
Feb 6, 2016

ok, thanks for the response :)

Feb 26, 2017

@Tommy T : This has really bugged me since a long time now. Did you manage to find a solution?

Markdown is allowed