In this lesson, we will see how to Generate an Angular library using angular CLI inside the angular project or workspace. before that let’s first set up the angular project.
Generate an Angular library
With the Angular CLI (command-line interface) it to so easy to manage the library.
Before leading to it first will create an angular project and then will create a library into this particular application so that we can first use locally and then publish to a global repo over npm.
So let us create any normal angular application first:
ng new angular-library-demo
now inside our application will run the command to generate the library project.
# go to project folder
cd angular-library-demo
# generate library
ng g library news-twentyfour
Now as you can see above after running the command it generates some file and also updates the file i.e.package.json
, angular.json
, tsconfig.json
of our main angular application.
Changes in Project
Let us see what changes are been done after generating the new library in our existing angular project setup.
Project Folder
As you can see it has created a new library ‘news-twentyfour’ under the projects folder of our workspace.
Changes made inside angular.json
It has added our library project ‘news-twentyfour’ configuration to the ‘projects’ parameter.
Changes made inside package.json
and tsconfig.json
:
package.json
tsconfig.json
Here it stores the output path (dist) where our library will be compiled and stored.