Yeoman generator for angularjs

Question

I'm starting learning angularJS and find out yeoman is quite useful. But some how the controller/service/model generated by yeoman is not good for minifying later. Because due to what I see through the generated template (service in this case ) we have to inject the service implicitly.

But if we want to minify later, it's recommended to inject explicitly using $inject.

So my question is : Is it correct that what I understand ? If it's not then what is the correct way to inject with generated template from yeoman.

Otherwise, we shouldn't use generated template from yeoman at the moment if we want to do minify later, right ?

Thanks

jaime · Accepted Answer · 2013-02-27 22:14:32Z

5

so yeoman gives you something like this when generating a service

testApp.factory('Thing', function(dep1, dep2) {
  return {/*...*/};
});

This is problematic when the code is minified, because the process of minification shortens function parameters, and angular uses them to infer which dependencies to inject.

To inject dependencies I recommend the inline annotation which looks like this

testApp.factory('Thing', ['dep1', 'dep2', function(dep1, dep2) {
  return {/*...*/};
}]);

Notice the second argument is an array that lists the proper dependency names and that its final item is a function where such dependencies will be injected.

Edit: The Angular generators for Yeoman now support minification for both JavaScript and CoffeeScript code with the --minsafe flag as shown by @Ramiro

edited Feb 27, 2013 at 22:14

answered Dec 7, 2012 at 23:37

jaime

42k10 gold badges85 silver badges52 bronze badges

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

Comments

Ramiro Araujo · Accepted Answer · 2013-11-13 01:07:06Z

3

You can use the Yeoman Angular generators with the --minsafe, for example:

yo angular:controller user --minsafe

check other options here: https://npmjs.org/package/generator-angular

Edit: A follow up on this. It's now unnecessary to use the --minsafe flag, as yeoman comes with the ngmin app, which automatically converts all applicable code to be minifiable, and then minifies it :)

edited Nov 13, 2013 at 1:07

answered Feb 26, 2013 at 0:09

Ramiro Araujo

4753 silver badges11 bronze badges

Collectives™ on Stack Overflow

Yeoman generator for angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related