由于bootstrap是依赖于jquery的,所以在使用时应该先安装jquery。
安装
npm install jquery bootstrap@3 popper.js --save
然后应该在项目中配置一下内容:
在webpack.base.conf.js中:
添加:module.exports={ }中添加配置
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery":"jquery",
Popper: ["popper.js", "default"]
})
],
const webpack = require("webpack");
在
configureWebpack:{//configureWebpack是vue-cli配置webpack参数的入口。
plugins: [
//配置全局变量。$/jQuery/window.jQuery指向jquery Popper指向默认的popper.js
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery":"jquery",
Popper: ["popper.js