最近想用vue+jquery+bootstrap做一个项目,刚开始不知道怎么引入jQuery和bootstrap,弄了小半天,终于弄好了,特此记载一下过程
1、首先,安装jQuery
npm install jquery --save
2、 然后在build/webpack.base.config.js中添加以下代码
var webpack = require('webpack')
3、然后在module中添加以下代码
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery",
"window.jQuery": "jquery"
})
]
4、在main.js中引入jQuery
import $ from 'jquery'
5、安装bootstrap
npm install bootstrap --save
6、在main.js中引入bootstrap相关文件
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
最后,重启服务器
注意:我重启服务器之后,有报错,提示安装popper.js,安装即可,然后就可以正常启动了