$enable-*变量仅禁用JS初始化，不删除CSS；真正减体积需手动导入所需模块、精简utilities和断点，并检查第三方依赖是否重新引入。
直接改 $enable-* 变量不会删 CSS，只影响 JS 初始化
很多人以为在 @import "bootstrap/scss/bootstrap" 前加 $enable-tooltip: false 就能去掉 tooltip 的 CSS 类（比如 .tooltip、.tooltip-inner），实际不是。这些变量只控制 Bootstrap JS 是否自动初始化对应组件，对样式编译毫无影响——所有相关 CSS 仍会完整输出。
你看到的禁用效果，其实是 JS 没运行导致的“没行为”，但类名和样式规则全在，体积一分没少。
-
$enable-popover、$enable-toast等同理，仅关 JS，不删样式 - 唯一例外是
$enable-reduced-motion，它会影响部分动画类生成，但和组件体积无关 - 想真正减体积，必须绕过
bootstrap.scss全量入口，手动导入
真正有效的瘦身方式：新建自定义入口文件，只 import 需要的部分
Bootstrap Sass 的模块设计是解耦的：functions、variables、mixins 是基础依赖，之后每个组件（如 buttons、navbar）都有独立的 _component.scss 文件，互不引用。你可以按需拼装。
新建 my-bootstrap.scss，内容类似：
立即学习“前端免费学习笔记（深入）”；
@import "bootstrap/scss/functions"; @import "bootstrap/scss/variables"; @import "bootstrap/scss/mixins"; @import "bootstrap/scss/root"; @import "bootstrap/scss/reboot"; @import "bootstrap/scss/type"; @import "bootstrap/scss/buttons"; // 只加你需要的 @import "bootstrap/scss/navbar"; // 不需要的，整行删掉
- 跳过
bootstrap/scss/bootstrap，它只是个“汇总脚本”，删掉不影响功能 - 别漏掉
root和reboot，否则基础重置和 CSS 自定义属性会缺失 -
utilities是体积大头，若不用间距、阴影等工具类，直接跳过整组导入
容易被忽略的体积陷阱：print、utilities 和断点配置
即使你只导入了 buttons 和 navbar，默认编译出的 CSS 仍可能包含大量冗余代码，因为：
-
print.scss默认被bootstrap.scss引入，含大量媒体查询打印样式；如果你不做 PDF 导出，务必在自定义入口中跳过它 -
utilities/_spacing.scss会基于$spacers生成几十个mt-1～mb-5类；可精简$spacers变量，或注释掉整段@import - 断点配置（
$grid-breakpoints）若保留全部（xs/md/lg/xl/xxl），即使你只用col-6，编译器仍会为每个断点生成规则；可将其改为仅(xs: 0)来彻底剔除媒体查询
禁用组件后，第三方依赖可能仍悄悄引入它们
你手动剔除了 popover，但项目里用了某个 UI 组件库（比如 react-bootstrap 或 vue-bootstrap），它内部的 Popover 组件可能自带样式，或通过 @import 重新拉入了完整 Bootstrap Sass —— 这会导致你辛苦剔除的部分又回来了。
检查方式：
- 搜索整个 node_modules，看是否有包在
scss文件里@import "bootstrap/scss/bootstrap" - 用 PurgeCSS 或 Lightning CSS 做后处理，作为兜底手段
- 构建后用
grep -r "tooltip" dist/css/确认是否真被剔除
真正可靠的禁用，从来不是靠一个开关变量，而是从入口、依赖、构建链路三层确认 —— 尤其当项目里混用多个 Bootstrap 封装库时，变量开关基本等于摆设。
