Installing NPM packages in angular 6 workspace

angular npm angular-cli-v6
Neil Stevens picture Neil Stevens · May 8, 2018 · Viewed 8.2k times · Source

I am just picking up Angular 6 and CLI and have created a project as below

ng new my-demo
cd my-demo
ng g library foo --prefix=my

No in my library I want to add ngx-bootstrap as the component will need the DropdownButtonModule so my question is how do I go about installing the npm package for the library?

I would previously have just run npm install ngx-bootstrap but this will now install the package for the application, however, I need this installed for the library. Should I be cd'ing to the library folder and running npm install or is there an alternate way this is n ow done using the CLI?

Answer

Jens Habegger picture Jens Habegger · May 8, 2018

You can continue to use npm install packagename.

The package.json is not attached to a specific application or library within your workspace, but to your complete angular/cli project. The build process (using webpack in the backend) will figure out which dependencies are actually necessary for your respective active build and drop the rest.

Related questions

How to Create a specific version of Angular Project using CLI?

My npm version is 5.5.1 and angular cli version is 6.2.1. When I try to create a new project using the command ng new Project_name then it is creating the latest version of angular (in my case it is creating Angular …

Read More
RouterLink is not working in Angular 6

I was coding watching a Brad Traversy tutorial. and I did exactly as it is said. this is my 'app.module.ts'. import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import {RouterModule, Routes} from '@angular/…

Read More
Checking version of angular-cli that's installed?

Is there a way to check the specific version of angular-cli that's installed globally on my machine? I'm in a Windows environment. *npm -v* and *node -v* only gives me the version of npm and node respectively, and I can't …

Read More