詳解webpack3如何正確引用并使用jQuery庫
更新時間：2017年08月26日 08:31:43 作者：祿''s Blog
本篇文章主要介紹了詳解webpack3如何正確引用并使用jQuery庫，具有一定的參考價(jià)值，有興趣的可以了解一下
經(jīng)過百度、谷歌、SF、stackoverflow后終于將webpack3引用jQuery的問題解決了，網(wǎng)上的重復(fù)文章太多，大多也都過時了，webpack這兩年發(fā)展也非?？?，大多都是1.0版本的文章，與時俱進(jìn)的很少，剛剛看了一眼現(xiàn)在已經(jīng)發(fā)展到3.5.5了，真正看其中一篇文章能解決問題的幾乎沒有，下面是webpack3的實(shí)現(xiàn)代碼。
首先在配置頁面中加入外部引用
externals: {
jquery: "jQuery" //如果要全局引用jQuery，不管你的jQuery有沒有支持模塊化，用externals就對了。
}
然后在入口js中加入引用
const $ = require("jQuery");
這樣就可以了，是不是很簡單？之前用了ProvidePlugin的方法，雖然$好用了，但是jQuery的方法都不能使用，如果朋友們知道為什么的可以留言給我。
new webpack.ProvidePlugin({$: 'jquery', jQuery: 'jquery'})
當(dāng)然引用jQuery庫的方法不止這一種，大家可以講一講自己的方法，互相學(xué)習(xí)
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
不論是網(wǎng)站應(yīng)用還是學(xué)習(xí)js,大家很注重ie與firefox等瀏覽器的兼容性問題，畢竟這兩中瀏覽器是占了絕大多數(shù)。2009-12-12
解決wx.onMenuShareTimeline出現(xiàn)的問題
本文主要介紹解決wx.onMenuShareTimeline出現(xiàn)的問題，這里提供了示例代碼作為參考，有需要的小伙伴可以參考下2016-08-08
本文為大家介紹下兩個字符串時間的天數(shù)差的計(jì)算公式，感興趣的朋友可以參考下2013-08-08
JS數(shù)據(jù)結(jié)構(gòu)之隊(duì)列結(jié)構(gòu)詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法中的隊(duì)列結(jié)構(gòu)，文中通過簡單的示例介紹了隊(duì)列結(jié)構(gòu)的原理與實(shí)現(xiàn)，需要的可以參考一下2022-11-11
這篇文章主要介紹了微信小程序返回上一級頁面的實(shí)現(xiàn)代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)手風(fēng)琴效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript的new date等日期函數(shù)在safari中遇到的坑
safari中對于JavaScript的new Date函數(shù)的支持有一個比較奇怪的問題，帶著這個奇怪的問題我們通過本文一起學(xué)習(xí)吧2016-10-10
這篇文章主要介紹了2種創(chuàng)建js對象和js類的方法，十分的簡單，推薦給大家。2014-12-12
layui使用form表單實(shí)現(xiàn)post請求頁面跳轉(zhuǎn)的方法
今天小編就為大家分享一篇layui使用form表單實(shí)現(xiàn)post請求頁面跳轉(zhuǎn)的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JS簡單實(shí)現(xiàn)DIV相對于瀏覽器固定位置不變的方法
這篇文章主要介紹了JS簡單實(shí)現(xiàn)DIV相對于瀏覽器固定位置不變的方法,涉及javascript針對頁面位置的運(yùn)算與動態(tài)變換技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06