diff --git a/site/content/docs/5.1/getting-started/webpack.md b/site/content/docs/5.1/getting-started/webpack.md index 6998e1e99c..b87460ebe1 100644 --- a/site/content/docs/5.1/getting-started/webpack.md +++ b/site/content/docs/5.1/getting-started/webpack.md @@ -15,15 +15,19 @@ toc: true Import [Bootstrap's JavaScript]({{< docsref "/getting-started/javascript" >}}) by adding this line to your app's entry point (usually `index.js` or `app.js`): ```js -// You can specify which plugins you need -import { Tooltip, Toast, Popover } from 'bootstrap'; +import 'bootstrap'; + +// or get all of the named exports for further usage +import * as bootstrap from 'bootstrap'; ``` Alternatively, if you only need just a few of our plugins, you may **import plugins individually** as needed: ```js import Alert from 'bootstrap/js/dist/alert'; -... + +// or, specify which plugins you need: +import { Tooltip, Toast, Popover } from 'bootstrap'; ``` Bootstrap depends on [Popper](https://popper.js.org/), which is specified in the `peerDependencies` property.