vue-cli 引入Bootstrap(遇到的坑,以及解决办法)

查看网上许多教程,都是一样的,可能他们安装的时候没有碰到问题,我在按照网上教程操作完后,还是不行,
本人英语还可以,于是我就尝试看了看报的错,提示有几个格式需要找loader处理一下
,如果你也遇到和我一样的问题就看下面吧?
首先安装jquery

npm install jquery@1.11.3 --save-dev

安装Bootstrao库,这里是3.3.0

npm install bootstrap@3.3.0 --save-dev

配置jquery
在对应项目文件夹下找到webpack.config.js,配置一下插件

plugins: [
new webpack.ProvidePlugin({
$: “jquery”,
jQuery: “jquery”,
“windows.jQuery”: “jquery”
})
]

mian.js里添加

import $ from ‘jquery’;
import ‘bootstrap/dist/css/bootstrap.min.css’;
import ‘bootstrap/dist/js/bootstrap.min’;


网上教程基本就到这一步了,如果你的还不行就看看下面的东西你有没有配置
报错会提示无法解决xxxxxxxxx.ttf之类的文件
于是我就

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值