vue-cli3 引入 bootstrap
在 package.json 引入并安装 jquery 和 boostrap、webpack
"webpack": "latest" "jquery": "^3.4.1", "bootstrap": "^3.4.1"
在项目目录下(和package.json 同目录下)配置 jquery
新建 vue.config.js
/* *Vue-CLI项目的核心配置文件 */ const webpack = require("webpack"); module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "window.jQuery": "jquery", Popper: ["popper.js", "default"] }) ] } };
在 main.js 引入 bootstrap,即可
import "bootstrap" import "bootstrap/dist/css/bootstrap.css"