在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'
    原文作者:A小秦
    原文地址: https://segmentfault.com/a/1190000016636745
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞