vue项目引入bootstrap及jQuery

淩亂°似流年 2022-05-16 02:45 299阅读 0赞

**引入jQuery：**

在当前项目下cmd，输入 npm install jquery --save-dev      用npm下载jquery依赖、

找到build文件夹下的webpack.base.conf.js文件打开，修改配置：

### 1、加入webpack对象： ###

### var webpack=require('webpack'); ###

###  2、在module.exports里面加入： ###

plugins: [
      new webpack.ProvidePlugin({
        $:"jquery",
        jQuery:"jquery",
        "windows.jQuery":"jquery"
      })
    ]

###    3、在入口文件main.js(需要引用jQuery的js)中加入： ###

### import $ from 'jquery'     ###

## **引入bootstrap：** ##

1、修改webpack.base.conf.js文件：

<code class="language-html">alias: {  
          'vue$': 'vue/dist/vue.esm.js',  
          '@': resolve('src'),  
          'assets': path.resolve(__dirname, '../src/assets'),  
          'jquery': "jquery/src/jquery"  
        }</code>

### 2、在入口文件main.js(需要引用bootstrap的js)中加入： ###

### `import './assets/css/bootstrap.min.css'` ###

### `import './assets/js/bootstrap.min'` ###

###       3、在assets文件目录中放入bootstrap的各种文件 ###

![Center][]

原文链接：[https://blog.csdn.net/tanhao\_282700/article/details/68955607][https_blog.csdn.net_tanhao_282700_article_details_68955607]

[Center]: /images/20220516/416833f929c5468d8d43672b6c8dc9c4.png
[https_blog.csdn.net_tanhao_282700_article_details_68955607]: https://blog.csdn.net/tanhao_282700/article/details/68955607

发表评论取消回复

表情：

评论列表（有 0 条评论，299人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目引入bootstrap

1.安装依赖包： npm install bootstrap --save-dev npm install jquery --save-dev 2.在

分手后的思念是犯贱/ 2023年07月03日 10:54/ 0 赞/ 15 阅读

相关 VUE环境搭建及BootStrap引入

本文主要介绍了VUE搭建以及bootstrap引入。我们都知道，bootstrap是基于jquery开发的，所以在引入bootstrap之前，还应该先引入jquery。接下来，

￡神魔★判官ぃ/ 2023年02月23日 12:27/ 0 赞/ 8 阅读

相关 webpack在vue项目中引入jquery以及bootstrap方法

在vue项目中使用bootstrap框架，npm安装注意. bootstrap中js插件依赖于jquery，所以在这之前必须安装jquery。 jquery安装 >

拼搏现实的明天。/ 2023年01月10日 05:04/ 0 赞/ 238 阅读

相关 vue中引入bootstrap

前面发了几篇关于vue引入第三方插件的，自己也练习很多，没想到今天引入bootstrap的时候又犯了低级错误。引入bootstrap步骤也很简单，首先需要修改bu

ゞ浴缸里的玫瑰/ 2022年06月12日 00:17/ 0 赞/ 320 阅读

相关 vue引入bootstrap——webpack

vue引入bootstrap——webpack 想要在vue中引入bootstrap，引入的时候需要按照如下的步骤进行。 1、引入jquery 2、引入bootstr

柔光的暖阳◎/ 2022年06月09日 05:39/ 0 赞/ 372 阅读

相关 vue引入jquery和bootstrap的方法

1、使用命令npm install jquery --save-dev 引入jquery。 2、在webpack.base.conf.js中添加如下内容： v

妖狐艹你老母/ 2022年05月19日 07:44/ 0 赞/ 304 阅读

相关 vue项目引入bootstrap及jQuery

引入jQuery：在当前项目下cmd，输入 npm install jquery --save-dev 用npm下载jquery依赖、找到build文件夹下的

淩亂°似流年/ 2022年05月16日 02:45/ 0 赞/ 300 阅读

相关 vue(二)、vue引入bootstrap

注:想要在vue中引入bootstrap，引入的时候需要按照如下的步骤进行。 1、引入jquery 2、引入bootstrap 1、引入 jquery np

素颜马尾好姑娘i/ 2022年05月14日 14:39/ 0 赞/ 970 阅读

相关 vue项目中引入Bootstrap,Jquery

转载于 [https://blog.csdn.net/Take\_up/article/details/77711848][https_blog.csdn.net_Take_

Love The Way You Lie/ 2021年09月17日 21:16/ 0 赞/ 572 阅读

相关 vue项目引入Bootstrap

参考网址：[http://www.jianshu.com/p/83ae402dda5b][http_www.jianshu.com_p_83ae402dda5b] <

冷不防/ 2021年06月24日 16:10/ 0 赞/ 602 阅读