angular-cli-library-generator
Generate new components and documentation for your Angular (2+) library using @angular/cli
Generating an application with @angular/cli and nglg:
npm install -g @angular/cli
npm install -g angular-cli-library-generator
ng new angular-cli-library-generator-example --style scss --prefix mc
| @angular/cli options | description |
|---|---|
| --style scss | nglg is optimized to work with scss |
| --prefix mc | this is the prefix used in all component' selectors. In this case mc means my company. Use one that works well for your company. Otherwise the @angular/cli default is app
|
Generating a component and documentation with nglg:
nglg component my-first-component-name
or if you prefer
nglg c my-first-component-name
How to config nglg to work with @angular/cli
It's super easy to do.
- Just import NglgDemoAppModule inside AppModule
- Change app.component.html to only have
<nglg-demo-app></nglg-demo-app> - Add to styles.scss the following
@import "app/nglg/nglg"; - It's done! For an example, please refer to the config commit
Example
You can have a look at this example project
