vue3.0 引入bootstrap 4

jQuery

安装jQuery 和 popper.js

npm install --save jquery

npm install --save popper.js

安装bootstrap

npm install bootstrap@4 --save

在main.js中引入

import $ from 'jquery';
import "bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min.js"

配置vue.config.js 在这个文件添加如下内容：

const webpack = require("webpack");

module.exports = {
    devServer: {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery',
                Popper: ['popper.js', 'default']
            })
        ]
    }
}