LvdCore

This library was generated with Angular CLI version 17.2.0.

Code scaffolding

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 your angular.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

Build Library

Run npx -p @angular/cli@17 ng build library-name to build the project. The build artifacts will be stored in the dist/ directory.

Showcasing And Debugging Your Feature

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.

Build Showcase

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.

Publishing

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.

Running unit tests

Run ng test library-name to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.