經過百度、谷歌、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庫的方法不止這一種,大家可以講一講自己的方法,互相學習
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答