详解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中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jQuery实现朋友圈查看图片
Sep 11 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
虫族 Zerg 热键控制
2020/03/14 星际争霸
浅析PHP中Session可能会引起并发问题
2015/07/23 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
Zend Framework常用校验器详解
2016/12/09 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
Vue集成Iframe页面的方法示例
2017/12/12 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
jQuery实现简易QQ聊天框
2020/02/10 jQuery
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
[00:19]CN DOTA NEVER DIE!VG夺冠rOtK接受采访
2019/12/23 DOTA
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
详解Python传入参数的几种方法
2019/05/16 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
解决更改AUTH_USER_MODEL后出现的问题
2020/05/14 Python
python实现图片素描效果
2020/09/26 Python
python Xpath语法的使用
2020/11/26 Python
麦当劳辞职信范文
2014/01/18 职场文书
动员大会主持词
2014/03/20 职场文书
毕业班联欢会主持词
2014/03/27 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
个人更名证明
2015/06/23 职场文书
2015年教务主任工作总结
2015/07/22 职场文书
OpenCV实现常见的四种图像几何变换
2022/04/01 Python