vue-cli 引入Bootstrap（遇到的坑，以及解决办法）

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

npm install [email protected] --save-dev

安装Bootstrao库，这里是3.3.0

npm install [email protected] --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之类的文件
于是我就一个一个的解决，还好就三种格式，直到报错小时，页面正常
解决方法
还是在webpack.config.js下配置loader
这里我们需要的是url-loader
安装

npm install --save-dev url-loader
具体使用教程看文档
https://www.webpackjs.com/loaders/url-loader/

然后配置

{
test: /.(ttf|eot|woff)$/,
use: [
{
loader: ‘url-loader’,
options: {
limit: 8192
}
}
]
}

大功告成！

PS!!!

粘贴过去一定要检查一下引号是否是英文状态

如果帮助了你记得点赞哦