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尾部中加入

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

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

(3) 引入boostrap

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

[code]   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'