From 9cc24cf549cd38d0414fd6ae18873c0cca478f74 Mon Sep 17 00:00:00 2001 From: Pascal Pepe Date: Fri, 19 Jun 2020 11:34:30 +0300 Subject: [PATCH] Update docs example on how to optimize JavaScript bundle --- site/content/docs/5.0/customize/optimize.md | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/site/content/docs/5.0/customize/optimize.md b/site/content/docs/5.0/customize/optimize.md index 646c0e6e48..358fe86b73 100644 --- a/site/content/docs/5.0/customize/optimize.md +++ b/site/content/docs/5.0/customize/optimize.md @@ -24,14 +24,20 @@ For instance, assuming you're using your own JavaScript bundler like Webpack or ```js // Import just what we need -// If you're importing tooltips or popovers, be sure to include the Popper.js dependency -// import "../../node_modules/popper.js/dist/popper.min.js"; - -import "../../node_modules/bootstrap/js/dist/util.js"; -import "../../node_modules/bootstrap/js/dist/modal.js"; +// import "bootstrap/js/dist/alert"; +// import "bootstrap/js/dist/button"; +// import "bootstrap/js/dist/carousel"; +// import "bootstrap/js/dist/collapse"; +// import "bootstrap/js/dist/dropdown"; +import "bootstrap/js/dist/modal"; +// import "bootstrap/js/dist/popover"; +// import "bootstrap/js/dist/scrollspy"; +// import "bootstrap/js/dist/tab"; +// import "bootstrap/js/dist/toast"; +// import "bootstrap/js/dist/tooltip"; ``` -This way, you're not including any JavaScript you don't intend to use for components like buttons, carousels, and tooltips. +This way, you're not including any JavaScript you don't intend to use for components like buttons, carousels, and tooltips. If you're importing dropdowns, tooltips or popovers, be sure to list the Popper.js dependency in your `package.json` file. ## Autoprefixer .browserslistrc