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

 更新时间:2017年08月26日 08:31:43   转载 作者:禄''s Blog  
本篇文章主要介绍了详解webpack3如何正确引用并使用jQuery库,具有一定的参考价值,有兴趣的可以了解一下

经过百度、谷歌、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库的方法不止这一种,大家可以讲一讲自己的方法,互相学习

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

相关文章

  • JavaScript prototype对象的属性说明

    JavaScript prototype对象的属性说明

    JavaScript中对象的prototype属性,是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会”继承”赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢?
    2010-03-03
  • JS实现水平遍历和嵌套递归操作示例

    JS实现水平遍历和嵌套递归操作示例

    这篇文章主要介绍了JS实现水平遍历和嵌套递归操作,结合实例形式分析了javascript遍历与递归相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • JavaScript中的值类型详细介绍

    JavaScript中的值类型详细介绍

    这篇文章主要介绍了JavaScript中的值类型详细介绍,本文讲解了Primitive、Object、JS自带全局对象、Immutable与Mutable等内容,需要的朋友可以参考下
    2014-12-12
  • JavaScript 继承详解及示例代码

    JavaScript 继承详解及示例代码

    本文主要介绍JavaScript 继承的知识,这里整理了详细的资料及简单示例代码,帮助大家学习参考,有兴趣的小伙伴可以参考下
    2016-09-09
  • javascript实现des解密加密全过程

    javascript实现des解密加密全过程

    这篇文章主要介绍了javascript 实现des解密加密的过程,需要的朋友可以参考下
    2014-04-04
  • es6基础学习之解构赋值

    es6基础学习之解构赋值

    解构赋值语法是一个 Javascript 表达式,这使得可以将值从数组或属性从对象提取到不同的变量中。这篇文章主要给大家介绍了关于es6基础学习之解构赋值的相关资料,需要的朋友可以参考下
    2018-12-12
  • SWFUpload多文件上传及文件个数限制的方法

    SWFUpload多文件上传及文件个数限制的方法

    这篇文章主要介绍了SWFUpload多文件上传及文件个数限制的方法,较为详细的分析了SWFUpload组件实现多文件上传的原理、使用方法与相关注意事项,需要的朋友可以参考下
    2016-05-05
  • JS实现二维数组元素的排列组合运算简单示例

    JS实现二维数组元素的排列组合运算简单示例

    这篇文章主要介绍了JS实现二维数组元素的排列组合运算,结合实例形式分析了javascript针对二维数组的遍历、排列组合运算等相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • javascript 子窗体父窗体相互传值方法

    javascript 子窗体父窗体相互传值方法

    javascript 子窗体父窗体相互传值方法,一般都是用window.open函数,下面脚本之家给出具体的代码。
    2010-05-05
  • js+css3制作时钟特效

    js+css3制作时钟特效

    本文给大家汇总了2个JavaScript+css3实现的时钟特效的代码,非常的漂亮,有需要的小伙伴可以来参考下
    2016-10-10

最新评论