vue cli 3中使用bootstra组件

1，安装插件

npm install jquery --save
npm install bootstrap --save

2，在根目录中添加文件vue.config.js，然后写入下面配置

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery"
      })
    ]
  }
}

3，main.js中添加

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'
import $ from 'jquery'

// Vue.use($)  // 注意此处如果这样引入$的话会报错如下面图片 (应该用下面这种引入方法)
Vue.prototype.$ = $;

注：第三步所说报错图片