Vue使用bootstrap

vue-cli webpack全局引入jquery

• 首先在package.json里加入

dependencies:{
 "jquery" : "^2.2.3"
}
然后 nmp install

• 在webpack.base.conf.js里加入

var webpack = require("webpack")

• 在module.exports的最后加入

plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
     jQuery: "jquery",
     $: "jquery"
 })
]

然后一定要重新 run dev
在main.js 引入就ok了
import $ from ‘jquery’

这样就可以正确的使用jQuery了，比如我要引入Bootstrap，我们在vue的入口js文件src/main.js开头加入

• 使用Bootstrap

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