在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'

猜你喜欢

转载自www.cnblogs.com/jlfw/p/11831550.html