Vue3.0 + Vite 使用 Bootstrap

使用 Vite 构建 Vue3.0 项目并尝试使用 Bootstrap

---

这里不会去写 如何使用 Vite 如何构建 Vue3.0 项目

这个可以去看 Vite 的 Readme

在尝试使用 Bootstrap
发现 npm i Bootstrap npm 不会将 Bootstrap 的内部依赖 Jquery popper.js 也一起安装
导致一连报错

正确方式

$ npm i bootstrap jquery popper.js

再在 main.ts 添加

import "jquery";
import "bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";