Vue-cli3.0配置Bootstrap

第一步： 安装插件

yarn 安装：
    yarn add jquery         或者指定版本：yarn add jquery@1.12.4
    yarn add bootstrap      或者指定版本：yarn add bootstrap@3.3.7
    yarn add popper.js

npm 安装
    npm install juqery --save
    npm install bootstrap --save
    npm install popper.js --save

第二步：配置webpack.base.conf.js

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

第三步：在main.js添加

import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min";

第四步可选（如果 eslint 报误，请设置 .eslintrc.js 文件）

module.exports = {
  env: {
    node: true,
    jquery: true
  }
};

当这几步配置完成后，就可以使用bootsrtap了。