vue references bootstrap

Step 1: Introduce jquery

Since bootstrap depends on jquery, jquery must be introduced first

npm instal jquery@1.11.1 --save

After installation, it will appear in package.json

Then modify webpack.base.conf.js in the build directory and
add /*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')  //##新增内容

After that add in module.exports

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

and finally in main.js

import $ from 'jquery'

Step 2: Introduce bootstrap

First install bootstrap

npm install bootstrap@3.3.7 --save

After that reference bootstrap in main.js

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