經(jīng)過(guò)百度、谷歌、SF、stackoverflow后終于將webpack3引用jQuery的問(wèn)題解決了,網(wǎng)上的重復(fù)文章太多,大多也都過(guò)時(shí)了,webpack這兩年發(fā)展也非常快,大多都是1.0版本的文章,與時(shí)俱進(jìn)的很少,剛剛看了一眼現(xiàn)在已經(jīng)發(fā)展到3.5.5了,真正看其中一篇文章能解決問(wèn)題的幾乎沒(méi)有,下面是webpack3的實(shí)現(xiàn)代碼。
首先在配置頁(yè)面中加入外部引用
externals: { jquery: "jQuery" //如果要全局引用jQuery,不管你的jQuery有沒(méi)有支持模塊化,用externals就對(duì)了。}
然后在入口js中加入引用
const $ = require("jQuery");
這樣就可以了,是不是很簡(jiǎn)單?之前用了ProvidePlugin的方法,雖然$好用了,但是jQuery的方法都不能使用,如果朋友們知道為什么的可以留言給我。
new webpack.ProvidePlugin({$: 'jquery', jQuery: 'jquery'})
當(dāng)然引用jQuery庫(kù)的方法不止這一種,大家可以講一講自己的方法,互相學(xué)習(xí)
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注