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";