前端开发框架bootstrap5中 bootstrap.min.js bootstrap.bundle.min.js bootstrap.esm.min.js 三个文件的区别是什么

发布时间:2021-06-25 16:32:17

JavaScript 文件

文件说明适用场景
bootstrap.min.jsBootstrap 的核心 JavaScript 插件(如模态框、下拉菜单、标签页等)的压缩版本。不包含 Popper.js(用于定位工具提示、弹出框的依赖库)。如果你需要手动引入 Popper.js(例如使用 CDN 或自己打包),或者你的项目不需要工具提示、弹出框等依赖 Popper 的组件。
bootstrap.bundle.min.jsBootstrap 插件 + Popper.js 的打包压缩版本。包含 Popper.js,因此无需再单独引入 Popper。绝大多数项目推荐使用此文件,省去了额外引入 Popper 的麻烦,且不影响性能(Popper 体积很小)。
bootstrap.esm.min.jsBootstrap 的 ES 模块格式(ECMAScript Module)的压缩版本。支持 import 语法,可以按需导入特定组件,便于与现代构建工具(如 Webpack、Rollup)配合实现 Tree Shaking。使用模块化开发、需要优化最终打包体积的项目。

 

返回顶部