1.安装jquery
npm install jquery
2.自己创建一个vue.config.js 用来配置jquery
const webpack = require("webpack");
module.exports = {
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
Popper: ["popper.js", "default"]
})
]
}
};
3.安装Bootstrap和popper.js
npm i bootstrap --save-dev
npm i --save popper.js
4.在项目入口文件夹main.js中配置
import $ from 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
--seve开发时依赖
--save-dev运行时依赖
