用途：在 Vite 项目中引入并打包 Bootstrap 6 的 CSS 与 JavaScript，适合需要自行编译 Bootstrap Sass 源码的前端项目。需具备 Node.js 与终端基础。
主要能力：通过 npm 安装 Vite、Bootstrap 6（示例版本 6.0.0-alpha.1）及可选依赖 @floating-ui/dom（菜单/弹出框/工具提示）和 vanilla-calendar-pro（日期选择器），并用 sass 编译 Bootstrap 源码；支持按需导入单个 JS 插件以减小打包体积。
使用方式：依次执行 mkdir my-project && cd my-project、npm init -y、npm i --save-dev vite、npm i --save bootstrap@6.0.0-alpha.1 @floating-ui/dom vanilla-calendar-pro、npm i --save-dev sass；创建 src/index.html、src/js/main.js、src/scss/styles.scss、vite.config.js；在 vite.config.js 中设置 root 为 src、outDir 为 ../dist、端口 8080；在 styles.scss 中用 @use "bootstrap/scss/bootstrap"（不要用 @import）导入样式，在 main.js 中导入样式与 bootstrap；在 package.json 添加 "start": "vite"，运行 npm start 后访问 http://localhost:8080 验证。
适用场景：需要自定义 Bootstrap CSS 令牌映射（$root-tokens、$*-tokens）或按需引入组件的 Vite 项目。
限制：Bootstrap 6 需要支持 oklch() 与 color-mix() 的浏览器；Sass 中令牌名不带前缀，dist/CDN 版本由 PostCSS 添加 --bs- 前缀；若需仅导入所用部分的优化构建，可参考 twbs/examples 的 Vite 项目。