vue中使用bootstrap

vue中使用bootstrap，需要在vue.config.js中的plugins中进行配置

+ npm i jquery -S

+ 在vue.config.js文件中添加代码

const webpack = require("webpack");

module.exports = {

configureWebpack: {

plugins: [

new webpack.ProvidePlugin({

$: "jquery",

jQuery: "jquery",

"window.jQuery": "jquery",

Popper: ["popper.js", "default"]

})

]

}

};

+ npm i bootstrap@3 -S

+ 再main.js中引入

import "bootstrap";

import "bootstrap/dist/css/bootstrap.css";