vue 引用bootstrap

第一步：引入jquery

由于bootstrap依赖于jquery，所以要先引入jquery

npm instal jquery@1.11.1 --save

安装之后会在package.json中出现

之后修改build目录下的webpack.base.conf.js，
添加/*const webpack = require(‘webpack’)

const path = require('path')
const utils = require('./utils')
const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf')
const webpack = require('webpack')  //##新增内容

之后在module.exports中添加

plugins: [
    new webpack.ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery'
    })
  ],

最后在main.js中

import $ from 'jquery'

第二步：引入bootstrap

首先安装bootstrap

npm install bootstrap@3.3.7 --save

之后在main.js中引用bootstrap

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.min'