vue项目（cli3） -- 引入 bootstrap

在 vue 项目中引入 bootstrap，需要先引入两个依赖：jQuery 和 popper

 1、在终端中进行安装：

　　　　npm install bootstrap --save-dev   默认安装最新版本  如果想安装3版本  npm install bootstrap@3 --save-dev

　　　　npm install jquery --save-dev

　　　　npm install popper.js --save-dev

  2、在main.js中引入：   

// 引入jQuery、bootstrap
import $ from 'jquery'
import 'bootstrap'

// 引入bootstrap样式
import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js' // 全局注册 $ Vue.prototype.$ = $

3、 配置JQuery

在 vue.config.js 中，写如下代码（如果没有 vue.config.js ，则在 package.json 同级目录下手动新建）:

const webpack = require("webpack")
module.exports = { // 配置插件参数  configureWebpack: { plugins: [ // 配置 jQuery 插件的参数 new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', Popper: ['popper.js', 'default'] }) ] } }

搞定！！！