Vue-cli创建的项目中引入bootstrap

一、引入jQuery（bootstrap依赖于jQuery）

1、安装：

 npm install jquery --save-dev

2、修改build/webpack.base.conf.js

    2.1、加入webpack对象：

      const webpack = require('webpack')

    2.2、在webpack.base.conf.js中module.exports中加入

        plugins: [

            new webpack.ProvidePlugin({

              jQuery:'jquery',

              $:'jquery'

            })

        ]

    2.3、在入口文件(main.js）中导入

      import $ from 'jquery'

二、引入Bootstrap

1、安装：

 npm install bootstrap --save-dev

2、修改build/webpack.base.conf.js
    2.1、在webpack.base.conf.js中module.exports中的resolve项中修改alias别名

        alias: {

          'vue$': 'vue/dist/vue.esm.js',

          '@': resolve('src'),

          'jquery': "jquery/src/jquery"

        }

    2.2、在入口文件（main.js）中导入

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

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