详解webpack3如何正确引用并使用jQuery库


Posted in jQuery onAugust 26, 2017

经过百度、谷歌、SF、stackoverflow后终于将webpack3引用jQuery的问题解决了,网上的重复文章太多,大多也都过时了,webpack这两年发展也非常快,大多都是1.0版本的文章,与时俱进的很少,刚刚看了一眼现在已经发展到3.5.5了,真正看其中一篇文章能解决问题的几乎没有,下面是webpack3的实现代码。

首先在配置页面中加入外部引用

externals: {
  jquery: "jQuery" //如果要全局引用jQuery,不管你的jQuery有没有支持模块化,用externals就对了。
}

然后在入口js中加入引用

const $ = require("jQuery");

这样就可以了,是不是很简单?之前用了ProvidePlugin的方法,虽然$好用了,但是jQuery的方法都不能使用,如果朋友们知道为什么的可以留言给我。

new webpack.ProvidePlugin({$: 'jquery', jQuery: 'jquery'})

当然引用jQuery库的方法不止这一种,大家可以讲一讲自己的方法,互相学习

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
jQuery+pjax简单示例汇总
Apr 21 jQuery
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
简述jQuery Easyui一些用法
Aug 01 jQuery
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
详解jQuery中的prop()使用方法
Jan 05 jQuery
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 #jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 #jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 #jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 #jQuery
jQuery Position方法使用和兼容性
Aug 23 #jQuery
基于jQuery实现的单行公告活动轮播效果
Aug 23 #jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 #jQuery
You might like
php将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
php实现天干地支计算器示例
2014/03/14 PHP
Yii框架form表单用法实例
2014/12/04 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
php生成二维码不保存服务器还有下载功能的实现代码
2018/08/09 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
Jquery上传插件 uploadify v3.1使用说明
2012/06/18 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
2015/12/04 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
AngularJS入门教程之双向绑定详解
2016/08/18 Javascript
bootstrap flask登录页面编写实例
2016/11/01 Javascript
详解Vue组件之间的数据通信实例
2017/06/17 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
Vue中的组件及路由使用实例代码详解
2019/05/22 Javascript
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
Python标准库之sqlite3使用实例
2014/11/25 Python
Python网站验证码识别
2016/01/25 Python
Python中import导入上一级目录模块及循环import问题的解决
2016/06/04 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
python opencv 读取图片 返回图片某像素点的b,g,r值的实现方法
2019/07/03 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
Python如何测试stdout输出
2020/08/10 Python
HTML5 与 XHTML2
2008/10/17 HTML / CSS
两则小学生的自我评价分享
2013/11/14 职场文书
2014年工程工作总结
2014/11/25 职场文书
单身申明具结书
2015/02/26 职场文书
2015年手术室工作总结
2015/05/11 职场文书
2015年社区居委会工作总结
2015/05/18 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书