node_modules in AngularJS 2 [ng cli] without System.config

Question

How do I include node_modules without System.config with AngularJS 2 projects generated with ng?

Attempts (in src/index.html):

<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap.min.css">

Project setup:

npm install -g angular2-cli
ng init
npm install
npm install --save [email protected]
npm start

Note: [by default] there is neither systemjs.config.js nor any reference to System.config in the file-tree anymore…

EDIT: Would be great if all my included node_modules are also pushed into the one bundle (e.g.: from ng build -prod).

From their README on github: "We changed the build system between beta.10 and beta.14, from SystemJS to Webpack" - it looks like this question needs to be re-tagged.. — artem
– artem, Commented Dec 1, 2016 at 6:37
Done. Retagged, including systemjs still though because it is relevant. — A T
– A T, Commented Dec 1, 2016 at 6:38

adriancarriger · Accepted Answer · 2016-12-01 07:59:49Z

1

To include node_module assets such as css with your build, you need to list it in angular-cli.json like this:

{
  "apps": [
    {
      "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css"
      ]
    }
  ]
}

Also checkout Global Library Installation from the angular-cli readme.

When you run ng build -prod the cli will bundle the listed files.

answered Dec 1, 2016 at 7:59

adriancarriger

3,0003 gold badges22 silver badges27 bronze badges

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

1 Comment

A T Over a year ago

+1 & accepted: perfect, that worked. BTW: I did try something similar earlier today, but I think I only tried node_modules/bootstrap/dist/css/bootstrap.css

Collectives™ on Stack Overflow

node_modules in AngularJS 2 [ng cli] without System.config

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related