詳解webpack3如何正確引用并使用jQuery庫
經(jīng)過百度、谷歌、SF、stackoverflow后終于將webpack3引用jQuery的問題解決了，網(wǎng)上的重復(fù)文章太多，大多也都過時(shí)了，webpack這兩年發(fā)展也非?？?，大多都是1.0版本的文章，與時(shí)俱進(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)文章
js console.log打印對像與數(shù)組用法詳解
這篇文章主要介紹了js console.log打印對像與數(shù)組用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了js使用console.log實(shí)現(xiàn)打印對象與數(shù)組的具體實(shí)現(xiàn)步驟與相關(guān)技巧,需要的朋友可以參考下2016-01-01
使用JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能
這篇文章主要介紹了使用JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能,需要的朋友可以參考下2014-10-10
js實(shí)現(xiàn)可輸入可選擇的select下拉框
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)可輸入可選擇的select下拉框，可及時(shí)匹配包含輸入的內(nèi)容，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
javascript前端埋點(diǎn)上報(bào)的幾種方式
本文將介紹前端埋點(diǎn)上報(bào)的幾種常見方式,并詳細(xì)闡述如何在項(xiàng)目中運(yùn)用這些方式進(jìn)行數(shù)據(jù)上報(bào),以幫助開發(fā)者更好地進(jìn)行數(shù)據(jù)收集和分析,感興趣的可以了解一下2023-11-11
javascript中如何處理引號(hào)編碼"
本文為大家介紹下javascript中如何處理引號(hào)編碼，具體如下，感興趣的朋友可以參考下2013-08-08
JavaScript實(shí)現(xiàn)簡易購物車最全代碼解析(ES6面向?qū)ο?
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡易購物車最全代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
js不能獲取隱藏div的的寬度，現(xiàn)在的辦法是先將其顯示出來，再獲取其寬度，計(jì)算位置，下面的示例，大家可以參考下2014-09-09
JS基于Mootools實(shí)現(xiàn)的個(gè)性菜單效果代碼
這篇文章主要介紹了JS基于Mootools實(shí)現(xiàn)的個(gè)性菜單效果代碼,涉及JavaScript頁面元素的遍歷及樣式的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
Window.Open如何在同一個(gè)標(biāo)簽頁打開
這篇文章主要介紹了Window.Open如何在同一個(gè)標(biāo)簽頁打開,需要的朋友可以參考下2014-06-06
JavaScript實(shí)現(xiàn)顯示隱藏表單文字
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)顯示隱藏表單文字，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09