vue3.0 引入bootstrap 4

最新推荐文章于 2024-08-14 15:30:25 发布

清欢·

最新推荐文章于 2024-08-14 15:30:25 发布

阅读量1.6k

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/shiqinghuan/article/details/108848545

版权

VUE 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

这篇博客介绍了如何通过npm安装jQuery、popper.js和Bootstrap，并在Vue项目中进行引用。在main.js文件中导入所需模块，并在vue.config.js中配置webpack的ProvidePlugin，确保全局可用。

摘要由CSDN通过智能技术生成

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']
            })
        ]
    }
}