詳解webpack3如何正確引用并使用jQuery庫
更新時間：2017年08月26日 08:31:43 作者：祿''s Blog
本篇文章主要介紹了詳解webpack3如何正確引用并使用jQuery庫，具有一定的參考價值，有興趣的可以了解一下
經過百度、谷歌、SF、stackoverflow后終于將webpack3引用jQuery的問題解決了，網上的重復文章太多，大多也都過時了，webpack這兩年發(fā)展也非?？欤蠖喽际?.0版本的文章，與時俱進的很少，剛剛看了一眼現(xiàn)在已經發(fā)展到3.5.5了，真正看其中一篇文章能解決問題的幾乎沒有，下面是webpack3的實現(xiàn)代碼。
首先在配置頁面中加入外部引用
externals: {
jquery: "jQuery" //如果要全局引用jQuery，不管你的jQuery有沒有支持模塊化，用externals就對了。
}
然后在入口js中加入引用
const $ = require("jQuery");
這樣就可以了，是不是很簡單？之前用了ProvidePlugin的方法，雖然$好用了，但是jQuery的方法都不能使用，如果朋友們知道為什么的可以留言給我。
new webpack.ProvidePlugin({$: 'jquery', jQuery: 'jquery'})
當然引用jQuery庫的方法不止這一種，大家可以講一講自己的方法，互相學習
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
js console.log打印對像與數(shù)組用法詳解
這篇文章主要介紹了js console.log打印對像與數(shù)組用法,結合實例形式較為詳細的分析了js使用console.log實現(xiàn)打印對象與數(shù)組的具體實現(xiàn)步驟與相關技巧,需要的朋友可以參考下2016-01-01
使用JS實現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能
這篇文章主要介紹了使用JS實現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能,需要的朋友可以參考下2014-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)可輸入可選擇的select下拉框，可及時匹配包含輸入的內容，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本文將介紹前端埋點上報的幾種常見方式,并詳細闡述如何在項目中運用這些方式進行數(shù)據(jù)上報,以幫助開發(fā)者更好地進行數(shù)據(jù)收集和分析,感興趣的可以了解一下2023-11-11
本文為大家介紹下javascript中如何處理引號編碼，具體如下，感興趣的朋友可以參考下2013-08-08
JavaScript實現(xiàn)簡易購物車最全代碼解析(ES6面向對象)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易購物車最全代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
js不能獲取隱藏div的的寬度，現(xiàn)在的辦法是先將其顯示出來，再獲取其寬度，計算位置，下面的示例，大家可以參考下2014-09-09
這篇文章主要介紹了JS基于Mootools實現(xiàn)的個性菜單效果代碼,涉及JavaScript頁面元素的遍歷及樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了Window.Open如何在同一個標簽頁打開,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)顯示隱藏表單文字，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09