在vue下引入jquery bootstrap

在vue 项目中引入jquery bootstrap

引入jquery

npm install jquery --save-dev

在项目根目录下的build/webpack.base.conf.js文件中：

var webpack = require("webpack") 

在module.exports的最后写

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

在根目录下的srcmain.js中引入

import $ from 'jquery'

引入bootstrap

我用的是本地引用，在assets中

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