vue2.0如何正确集成bootstrap与jquery

vue2.0推荐使用的ui框架是element ui, 有人说使用vue跟element了,根本没有必要使用jquery与bootstrap了,这不太准确,elementui是后端管理系统的ui,而bootstrap是前端页面的ui,各有千秋!

直接上干货,vue架子搭建起来之后,直接执行
1:cnpm install jquery@2.1.1 --save cnpm i bootstrap@3.2.0 --save
2:找到webpack.config.js文件在module.exports里面添加
plugins: [
new webpack.ProvidePlugin({
$: “jquery”,
jQuery: “jquery”,
jquery: “jquery”,
“window.jQuery”: “jquery”
})
]
3:找到main.js导入相应的文件
import $ from ‘jquery’
import ‘bootstrap/dist/js/bootstrap.min.js’
import ‘bootstrap/dist/css/bootstrap.css’
这三个顺序不能改变
4:务必重新启动才能生效
npm run dev

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值