vue--引入jq

最新推荐文章于 2022-05-19 10:31:24 发布
最新推荐文章于 2022-05-19 10:31:24 发布
阅读量268 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42049113/article/details/80051559
该博客介绍了在Webpack中引入jQuery的步骤。首先使用npm安装jQuery，接着修改webpack.base.conf.js配置文件，包括创建webpack对象并在module.exports中加入相关配置，最后重启项目输出$来验证是否引入成功。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装 jquery

npm install jquery --save

2.修改webpack.base.conf.js配置文件

位置： build/webpack.base.conf.js

2-1 创建webpack对象

 var webpack = require("webpack")

2-2 在module.exports 加入配置

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

3 验证是否成功  

 重启项目

 输出$ 

到此为止JQ引入成功

vue-cli webpack 引入jquery的方法
11-28
今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack) 首先在package.json里的dependencies加入”jquery” : “^2.2.3″，然后install 在webpack.base.conf.js里加入 var ...
详解vue-cli快速构建项目以及引入bootstrap、jq
12-12
vue-cli脚手架工具快速构建项目架构： 。。首先默认了有已经安装了node。。。  npm install -g vue-cli 全局安装vue-cli  vue init webpack cnm 生成项目名为cnm的的项目模板，cnm自定义 npm install 到cnm...
vue中引入jquery
热门推荐
hhy1006894859的博客
03-07 1万+
1、在项目中安装jquery。npm install jquery --save-dev2、在项目根目录下的build/webpack.base.conf.js文件中：① 先写以下代码var webpack = require("webpack") ②在module.exports的最后写plugins: [ new webpack.optimize.CommonsChunkPlugin(...
vue中引入jq
weixin_38169886的博客
08-27 148
1.cnpm install jquery2.在webpack.base.conf.js中加入一行代码 const webpack=require("webpack") ------------------------------------------ const webpack = require('webpack') 'use strict' const...
vue引入JQ的方法
alifj9932的博客
03-18 863
在vue中引入jq 用vue-cli脚手架工具构建项目成功后 当需要引入JQ，可用以下方法： 1.首先在package.json里的dependencies加入"jquery" : "^3.2.1"， 2.在终端里输入npm install jquery --save-dev当然用 淘宝镜像cnpm也是可以的 注意：jquery 一定要小写 不然会提...
vue-cli如何引入bootstrap工具的方法
01-21
1.引入jq： 在npm控制台中，进入项目目录，然后输入指令npm install jquery –save-dev（npm换成cnpm更好，国内环境下使用cnpm下载速度更快）。 2.修改build目录下的webpack.base.conf.js配置文件：  1）加入...
vue-cli 引入jQuery，Bootstrap，popper的方法
12-12
1.安装插件 npm install jquery --save //jquery插件 npm install bootstrap --save //bootstrap npm install --save popper.js //popper.js 2.修改build目录下的webpack.base.conf.js配置文件： ...
vue引入jQuery
maJieweb的博客
05-19 1405
vue引入jQuery
Vue中引入jQuery
qq_41375039的博客
10-09 398
npm install jquery main.js中 import $ from ‘jquery’ window.jQuery = $ window.$ = $
在vue中引入jquery
tomato的博客
11-11 446
在vue的项目中引入jquery： 1.安装jquery插件 npm install jquery --save 2.配置jquery插件 在webpack.dev.conf.js文件中配置plugins，如： plugins: [ new webpack.ProvidePlugin({ jQuery: 'jquery', $: 'jquery',
Vue中引入jq的方法
qq_28203181的博客
06-28 3442
在vue中引入jq用vue-cli脚手架工具构建项目成功后 当需要引入JQ，可用以下方法：1、首先在package.json中里的dependencies加入"jquery" : "^3.3.1"，2.在终端里输入 npm install jquery --save-dev(下载juuery依赖)3.找到build文件夹下的webpack.base.conf.js文件，打开，添加： var web...
vue项目中引入jQuery
qq_34904695的博客
01-18 393
1.安装jquery依赖包 npm install jquery -S 2.在vue.config.js中引入jq插件 configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ] }, 3.在main.js中引入jq
Vue中引入Jquery
qq_36303832的博客
06-27 2359
本次系统分析与设计的大作业中，我负责前端开发部分，我们使用的前端框架是Vue，然后在写代码的时候发现某些需要动态调整页面UI的时候需要js来控制页面，但是没有jQuery的话又十分难写，所以就学习了如何在Vue中引入jQury。 1、首先在package.json里的dependencies加入”jquery” : “^3.2.1”（版本号可以在网上查） 我们的项目运行是跑dev分支，所以在我...
vue 引入jquery
卓力的博客
03-12 430
1.package.json 文件引入 jquery "jquery":"^3.2.1" 2. npm install 下载jquery文件 3.webpack.base.conf.js 文件引入 constwebpack=require('webpack'); jQuery:"jquery", $:"jquery", 4.main.js全局引入import$from'jquery' 5.直接使用$(".weui-cells...
引入 jQuery
weixin_47538252的博客
08-09 194
在 head 标签中插入语句： <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> 下面的 cdn地址 可以在这里找到： https://www.bootcdn.cn/jquery/
vue里面引入jq的方法
u011927449的博客
07-16 908
1：因为已经安装了vue脚手架，所以需要在webpack中全局引入jquery 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改。 dependencies:{ "jquery":"^2.2.3" } 　　 然后在命令行中cnpm install 大多人应该都是使用的淘宝镜像，所以使用cnpm，如果你不是 ，可以使用npm安装。 2：在webpack.base...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值