vue-cli项目引入boostrap

(1) 引入Jquery     npm install jquery --save-dev 

(2) 修改build->webpack.base.conf.js

      a 引入webpack对象: const webpack=require("webpack")

      b 在module.exports尾部中加入

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

  c 在入口文件main.js中加入：import jquery from 'jquery'

(3) 引入boostrap

     a  修改webpack.base.conf.js文件：

   alias: {  

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

　　　　  '@': resolve('src'),  

　　　　  'assets': path.resolve(__dirname, '../src/assets'),  

　　　　  'jquery': "jquery/src/jquery"  

　　 }  

b assets文件中拷贝boostrap的文件

c  在入口文件main.js中加入：

　import './assets/css/bootstrap.min.css'  

　import './assets/js/bootstrap.min'