angular-cli: how to add external libraries (jquery, bootstrap)

Question

Currently I have to do:

install local libs npm install bootstrap and npm install jquery
create a folder src\assets
copy all files in node_modules\bootstrap and node_modules\jquery

In index.html

<script src="assets/jquery/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">

Any better way?

It literally says in the documentation how to do this.

Chrillewoodz
– Chrillewoodz

2016-09-20 05:01:41 +00:00
Commented Sep 20, 2016 at 5:01 — Chrillewoodz
– Chrillewoodz, Commented Sep 20, 2016 at 5:01

Chrillewoodz · Accepted Answer · 2016-09-20 05:03:05Z

1

Read this and you will understand:

https://github.com/angular/angular-cli#3rd-party-library-installation

Basically you just have to add it to the scripts property in the angular-cli.json file (apps[0]).

"scripts": [
  "../node_modules/jquery/dist/jquery.js",
  "../node_modules/tether/dist/js/tether.js",
  "../node_modules/bootstrap/dist/js/bootstrap.js"
]

answered Sep 20, 2016 at 5:03

Chrillewoodz

28.5k23 gold badges102 silver badges189 bronze badges

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

Collectives™ on Stack Overflow

angular-cli: how to add external libraries (jquery, bootstrap)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related