Skip to content

Commit 7b8e0fa

Browse files
adityaparabfilipesilva
authored andcommitted
docs(@angular/cli): update story for global lib to show correct bootstrap4
configuration - update bootstrap4 url to point to correct page - remove tether import in .angular-cli.json - add umd version popper.js import in .angular-cli.json instead of tether Closes angular#7584
1 parent c9c9644 commit 7b8e0fa

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

docs/documentation/stories/global-lib.md

+6-4
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,23 @@ Some javascript libraries need to be added to the global scope, and loaded as if
44
they were in a script tag. We can do this using the `apps[0].scripts` and
55
`apps[0].styles` properties of `.angular-cli.json`.
66

7-
As an example, to use [Bootstrap 4](http://v4-alpha.getbootstrap.com/) this is
7+
As an example, to use [Bootstrap 4](https://getbootstrap.com/docs/4.0/getting-started/introduction/) this is
88
what you need to do:
99

1010
First install Bootstrap from `npm`:
1111

1212
```bash
13-
npm install bootstrap@next
13+
npm install jquery --save
14+
npm install popper.js --save
15+
npm install bootstrap@next --save
1416
```
1517

1618
Then add the needed script files to `apps[0].scripts`:
1719

1820
```json
1921
"scripts": [
20-
"../node_modules/jquery/dist/jquery.js",
21-
"../node_modules/tether/dist/js/tether.js",
22+
"../node_modules/jquery/dist/jquery.slim.js",
23+
"../node_modules/popper.js/dist/umd/popper.js",
2224
"../node_modules/bootstrap/dist/js/bootstrap.js"
2325
],
2426
```

0 commit comments

Comments
 (0)