Make it shake(able)

Author: mdo

package.json

@@ -35,8 +35,9 @@
     }
   ],
   "type": "module",
+  "sideEffects": false,
   "exports": {
-    ".": "./dist/js/bootstrap.js",
+    ".": "./js/index.js",
     "./js/src/*": "./js/src/*",
     "./js/dist/*": "./js/dist/*",
     "./dist/js/*": "./dist/js/*",

site/src/content/docs/getting-started/download.mdx

@@ -78,8 +78,7 @@ Install Bootstrap in your Node.js powered apps with [the npm package](https://ww
 npm install bootstrap@[[config:current_version]]
 ```
 
-`const bootstrap = require('bootstrap')` or `import bootstrap from 'bootstrap'` will load all of Bootstrap’s plugins onto a `bootstrap` object.
-The `bootstrap` module itself exports all of our plugins. You can manually load Bootstrap’s plugins individually by loading the `/js/dist/*.js` files under the package’s top-level directory.
+`import * as bootstrap from 'bootstrap'` will load all of Bootstrap’s plugins onto a `bootstrap` object. You can also import plugins individually for automatic tree shaking, e.g., `import { Tooltip } from 'bootstrap'`. You can also load Bootstrap’s plugins individually by loading the `/js/dist/*.js` files under the package’s top-level directory.
 
 Bootstrap’s `package.json` contains some additional metadata under the following keys:
 

site/src/content/docs/getting-started/install.mdx

@@ -29,7 +29,13 @@ The [Bootstrap npm package](https://www.npmjs.com/package/bootstrap) is publishe
 
 ### Using npm
 
-Using `const bootstrap = require('bootstrap')` or `import bootstrap from 'bootstrap'` will load all of Bootstrap’s plugins onto a `bootstrap` object. The `bootstrap` module itself exports all of our plugins. You can manually load Bootstrap’s plugins individually by loading the `/js/dist/*.js` files under the package’s top-level directory.
+Using `import * as bootstrap from 'bootstrap'` will load all of Bootstrap’s plugins onto a `bootstrap` object. You can also import plugins individually for automatic tree shaking:
+
+```js
+import { Tooltip, Toast, Popover } from 'bootstrap'
+```
+
+You can also import plugins directly by loading the `/js/dist/*.js` files under the package’s top-level directory.
 
 Bootstrap’s `package.json` contains some additional metadata under the following keys:
 

site/src/content/docs/getting-started/javascript.mdx

@@ -26,7 +26,11 @@ Curious which components explicitly require our JavaScript and Floating UI?
 
 Plugins can be included individually (using Bootstrap's individual `js/dist/*.js`), or all at once using `bootstrap.js` or the minified `bootstrap.min.js` (don't include both).
 
-If you use a bundler (Webpack, Parcel, Vite…), you can use `/js/dist/*.js` files which are ES modules.
+If you use a bundler (Webpack, Parcel, Vite…), you can import only the plugins you need and your bundler will automatically tree-shake the rest:
+
+```js
+import { Toast, Tooltip } from 'bootstrap'
+```
 
 ## Usage with JavaScript frameworks