当前位置:首页 > 日记 > 正文

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

详解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库的方法不止这一种,大家可以讲一讲自己的方法,互相学习

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

相关文章

excel表格的图表制作教程

excel表格的图表制作教程

图表,表格,制作教程,电脑软件,excel,  Excel制作图表该如何制作呢?接下来是小编为大家带来的excel表格的图表制作教程,供大家参考。excel表格的图表制作教程:  图表制作步骤1:【新建】Excel文档图表制作步骤2:合并单元格图表制作步骤3:录入…

PPT2007中怎么设置幻灯片的半透明

PPT2007中怎么设置幻灯片的半透明

设置,半透明,幻灯片,背景,效果,  PPT中的半透明背景效果类似于Word中的图片水印,有一种若隐若现的朦胧美。在PPT中应用这种半透明效果可以为幻灯片增色。以下是小编为您带来的关于PPT2007中设置幻灯片的半透明背景效果,希望对您有所帮助。P…

Iscrool下拉刷新功能实现方法 | 推

Iscrool下拉刷新功能实现方法 | 推

方法,下拉刷新,功能实现,推荐,电脑软件,简易下拉刷新实现方法css样式:*{ margin: 0px; padding: 0px; } #wrapper{ width: 100%; height: 150px; border: 1px solid red; over…

浅谈jsp中的9个隐含对象

浅谈jsp中的9个隐含对象

对象,浅谈,电脑软件,jsp,在JSP中一共有9个隐含对象,这个9个对象我可以在JSP中直接使用。因为在service方法已经对这个九个隐含对象进行声明及赋值,所以可以在JSP中直接使用。- pageContext类型:PageContext代表:当前页面的上下文作用:可以获取到…

Bootstrap笔记之缩略图、警告框实

Bootstrap笔记之缩略图、警告框实

警告框,缩略图,详解,实例,笔记, 1. 基础缩略图给a标签添加类class="thumbnail"如下:<div class="row"> <div class="col-md-3 col-sm-6"> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nof…

excel表格使用填充功能的教程

excel表格使用填充功能的教程

教程,填充,表格,功能,电脑软件,  Excel中如何利用填充功能把序列给填充完整呢?下面是由小编分享的excel表格使用填充功能的教程,以供大家阅读和学习。excel表格使用填充功能的教程:  使用填充功能步骤1:在EXCEL中,我们可以很轻松的让其自动…

js代码延迟一定时间后执行一个函数

js代码延迟一定时间后执行一个函数

执行,延迟,实例,一个函数,代码,实例如下: setTimeout(funcName,500); function funcName() { xxxxxx; }0.5秒后执行funcName(),只执行一次setInterval(funcName,5000); 每隔5秒执行一次funcName()以上这篇js代码延迟一定时间后…

Word中进行设置页面格式的操作技巧

Word中进行设置页面格式的操作技巧

设置,操作技巧,页面,格式,操作步骤,  编辑文档时,必须把东西放在一页里面,但是字数又超出了,今天,小编就教大家在Word中进行设置页面格式的操作技巧。Word中进行设置页面格式的操作步骤双击word进入word编辑视图,进行编辑。单击&ldquo;文件&rd…

怎么在word文档中添加漂亮的松树边

怎么在word文档中添加漂亮的松树边

边框,文档,松树,漂亮,电脑软件,  word中添加边框是很容易的,因为它自带了很多漂亮的边框样式。word文档为了更美观,可以自定义添加边框。以下是小编为您带来的关于word添加漂亮的松树边框,希望对您有所帮助。word添加漂亮的松树边框1、打开w…

js中Number数字数值运算后值不对的

js中Number数字数值运算后值不对的

运算,解决方法,数字,数值,电脑软件,问题:37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数)我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998怎么会这样,两个只有一位小数的数字相乘,怎么可能多出这么小数…

通过命令行创建vue项目的方法

通过命令行创建vue项目的方法

项目,方法,命令行,电脑软件,vue,最近想要学习vue,正好看到资料,如何通过命令创建vue项目的方法,就留个笔记环境要求: 安装有 Node.js、 vue、vue-cli 。创建项目:vue init webpack projectName进入项目,下载依赖:npm install 或者 cnpm install运…

word中怎么设置两种页码word中设置

word中怎么设置两种页码word中设置

设置,方法,步骤,两种,页码,  在办公自动化的时候,有时候需要添加多种页码的,但,难道只能将主文档分为两个文件后再添加页码吗?那么下面就由小编给大家分享下技巧,希望能帮助到您。word中设置两种页码的步骤步骤一:打开要添加多种页码的文档,然…