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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM