This library was generated with Angular CLI version 17.2.0.
Run ng g c component-name --flat --path projects/lvd-core/component-name/src --project lvd-core
to generate a new component in the lvd-core library.
You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project lvd-core
.
Note: Don't forget to add
--project lvd-core
or else it will be added to the default project in yourangular.json
file.
If you need to create a new library you can run ng generate library library-name
from the workspace directory.
If your library requires multiple entry points please refer to the following link https://sandroroth.com/blog/angular-library/?ref=dailydev#main-entry-point for guidance in building the library or just follow the structure from lvd-core
Run npx -p @angular/cli@17 ng build library-name
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng g m features/lazy-<component-name> --route <component-name> --module app --project showcase
to create a lazy loaded module so that you can see your view and test your feature on the showcase app.
Configure the newly created module and component to use your library component and run ng g m features/lazy-activity-feed --route activity-feed --module app --project showcase
Run npx -p @angular/cli@17 ng build library-name --watch
to build your library, then run npm start
to fire up the showcase app. Any changes you make to the library should be picked up by the showcase app.
Run ng build —project showcase —named-chunks —output-hashing none
to build the showcase app, you should see the size of your component under the lazy loaded feature.
After building your library with npx -p @angular/cli@17 ng build library-name
, go to the dist folder cd dist/library-name
and run npm publish
.
If you are publishing to Azure Artifacts make sure you include the .npmrc for the feed in the dist/library-name folder.
Run ng test library-name
to execute the unit tests via Karma.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.