vue3全局导入bootstrap5方式
更新时间：2023年10月26日 09:42:51 作者：賏铘
这篇文章主要介绍了vue3全局导入bootstrap5方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3全局导入bootstrap5
安装
npm install bootstrap --save-dev npm install jquery --save-dev
在main.js中引入
// 引入jQuery、bootstrap import 'jquery' import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js'
配置 jQuery
vue.config.js 中，写如下代码
const webpack = require("webpack")
module.exports = defineConfig({
// 配置插件参数
configureWebpack: {
plugins: [
// 配置 jQuery 插件的参数
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
Popper: ['popper.js', 'default']
})
]
}
})这样就可以使用啦
vue3全局导入bootstrap-icons问题
安装
npm i bootstrap-icons
在min.js中导入
import "bootstrap-icons/font/bootstrap-icons.css";
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了如何使用WebStorm进行断点调试,包括配置、启动本地应用程序、设置断点以及使用调试工具等步骤,文中通过图文及代码介绍的非常详细,需要的朋友可以参考下2025-02-02
本文主要介绍了使用 vite external 减小产物体积,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2026-05-05
这篇文章主要介绍了Nuxt页面级缓存的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03![vue文件代码缩进以及格式化代码方式[自定义]](//img.jbzj.com/images/xgimg/bcimg3.png)
这篇文章主要介绍了vue文件代码缩进以及格式化代码方式[自定义],具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue抽出组件并传值实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue3 多种方法的锚点定位，使用 Vue Router 导航守卫可以简化导航逻辑、统一管理导航逻辑和进行权限控制，但需要学习和理解相关概念，并且需要手动编写和管理导航守卫的逻辑,本文给大家介绍的非常详细，需要的朋友可以参考下2023-07-07
这篇文章主要介绍了vue中的严格模式如何取消，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家详细介绍了Vue.js第四天的学习笔记，json数组数据以csv格式导出,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要为大家详细介绍了vue组件tabbar使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了vue中template模板编译的过程全面剖析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
![vue文件代码缩进以及格式化代码方式[自定义]](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论