From: Marius A <marius.andreiana@gmail.com>
Date: Mon, 30 Aug 2021 12:36:53 +0000 (+0300)
Subject: clarify importing all vs specific plugins (#34840)
X-Git-Tag: v5.1.1~30
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=10fc1fec6ae74ef1d8e9a4bf417bd5db1f2c288e;p=thirdparty%2Fbootstrap.git

clarify importing all vs specific plugins (#34840)
---

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.