Tailwind使您可以轻松地在使用Vite设置的项目中使用其CSS。
但是,Bootstrap 5仅提供了有关使用with Webpack的信息。
我找不到任何关于如何用Vite设置Bootstrap 5 CSS的信息。有没有人有任何关于如何用Vite成功和优化设置Bootstrap 5的提示?我正在使用Nuxt3,但使用哪个框架应该不重要。
Tailwind使您可以轻松地在使用Vite设置的项目中使用其CSS。
但是,Bootstrap 5仅提供了有关使用with Webpack的信息。
我找不到任何关于如何用Vite设置Bootstrap 5 CSS的信息。有没有人有任何关于如何用Vite成功和优化设置Bootstrap 5的提示?我正在使用Nuxt3,但使用哪个框架应该不重要。
2条答案
按热度按时间agyaoht71#
**变量1.**将其添加到
nuxt.config.ts
缺点:需要手动版本控制,不能使用SASS功能。
变体2.
1.在@popperjs/core旁边安装 Bootstrap
1.创建
plugins/useBootstrap.client.ts
文件不需要手动导入它,因为Nuxt 3会为你做。Bootstrap JS应该可以在你的组件/页面中通过
1.创建
assets/styles/main.scss
文件1.将其添加到
nuxt.config.ts
x7rlezfr2#
您可以根据需要单独导入JavaScript插件,以降低包大小:
或者,指定您需要的插件: