angular-cli : Import node_modules files in src directory

Question

I'm using angular-cli architecture for the initial setup of the app.

I want to import some of global css files into my index.html file. But as node_modules directory is outside of my src directory i'm not getting the accurate path and hence css is not applying.

I'm using path in following meaner,

I have tried without ../ also but it's also not working.

for ex.

<link href="node_modules/ng2-toastr/bundles/ng2-toastr.min.css" rel="stylesheet"/>

&&

<link href="../node_modules/ng2-toastr/bundles/ng2-toastr.min.css" rel="stylesheet"/>

But both the ways are not working.

Is anything wrong i'm doing?

Here is the app structure.

I'm using angular 2.2.1

Here is the error i'm getting

Thanks in advance

Have you checked your console? Are you getting a 404 error? Are you serving node_modules over your server? — Mike Cluck
– Mike Cluck, Commented Dec 5, 2016 at 14:33
I'm not having the angular-cli-build.js file. You can see in screenshort. — Pinank Lakhani
– Pinank Lakhani, Commented Dec 5, 2016 at 14:59

Madhu Ranjan · Accepted Answer · 2017-01-09 19:38:58Z

4

Check the documentation of angular CLI on how to install global libraraies,

you have to modify your angular-cli.json file to include css files in bundled style file not use directly in the HTML.

"styles": [
  "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css"
]

Hope this helps!!

edited Jan 9, 2017 at 19:38

answered Dec 5, 2016 at 15:01

Madhu Ranjan

18k7 gold badges65 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Pinank Lakhani Over a year ago

Thanks Madhu Added the path in angular-cli.json but what should i write in index.html?

Chrillewoodz Over a year ago

@PinankLakhani Nothing.

Madhu Ranjan Over a year ago

when you add it in styles folder, CLI bundles the file into styles.bundle so you don't have to add anything in your HTML, Cheers!!

Pinank Lakhani Over a year ago

still Not working. Its not applying the css "styles": [ "../node_modules/ng2-toastr/bundles/ng2-toastr.min.js" ],

Madhu Ranjan Over a year ago

you have to add css file not the JS file.

|

Collectives™ on Stack Overflow

angular-cli : Import node_modules files in src directory

1 Answer 1

12 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Linked

Related