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