在vue-cli3中如何引入bootstrap

第一步：安装jQuery
因为bootstrap是需要jQuery只支持的，这里教程我就不重复细写了，详情可以见我另一篇文章vue如何安装jQuery

第二步：
安装Bootstrap

npm  install bootstrap

第三步：
由于vue-cli3和vue-cli2的目录结构不一样，在vue-cli2所有的配置项都是在vue.config.js 中，在vue-cli3中可能没有这个文件夹，所有需要我们手动添加，注意要和package.json文件保持同级。
在新建的vue.config.js文件中添加一下代码，这样jQuery的配置就完成了。

/*
*Vue-CLI项目的核心配置文件
*/
const webpack = require("webpack");

module.exports = {
 configureWebpack: {
   plugins: [
     new webpack.ProvidePlugin({
       $: "jquery",
       jQuery: "jquery",
       "window.jQuery": "jquery",
       Popper: ["popper.js", "default"]
     })
   ]
 }
};