摘要：本文首發(fā)于的技術(shù)博客實(shí)用至上，非經(jīng)作者同意，請(qǐng)勿轉(zhuǎn)載。怎么來(lái)兼容老式插件呢方法有不少，下面一個(gè)一個(gè)來(lái)看。與上述的方案相反，此方案是先用加載的滿(mǎn)足老式插件的需要，再通過(guò)將其轉(zhuǎn)換成符合模塊化要求的。

本文首發(fā)于Array_Huang的技術(shù)博客——實(shí)用至上，非經(jīng)作者同意，請(qǐng)勿轉(zhuǎn)載。
原文地址：https://segmentfault.com/a/1190000006887523
如果您對(duì)本系列文章感興趣，歡迎關(guān)注訂閱這里：https://segmentfault.com/blog/array_huang

目前前端雖處于百花齊放階段，angular/react/vue競(jìng)相角逐，但畢竟尚未完全成熟，有些需求還是得依靠我們的老大哥jQuery的。

我個(gè)人對(duì)jQuery并不反感，但我對(duì)jQuery生態(tài)的停滯不前相當(dāng)無(wú)奈，比如說(shuō)赫赫有名的bootstrap（特指3代），在webpack上打包還得靠個(gè)loader的，太跟不上時(shí)勢(shì)了。況且，bootstrap還算好的，有些jquery插件都有一兩年沒(méi)更新了，連NPM都沒(méi)上架呢，可偏偏就是找不到它們的替代品，項(xiàng)目又急著要上，這可咋辦吶？

別急，今天就教你適配兼容老式j(luò)Query插件。

如果你把jQuery看做是一個(gè)普通的js模塊來(lái)加載（要用到j(luò)Query的模塊統(tǒng)統(tǒng)先require后再使用），那么，當(dāng)你加載老式j(luò)Query插件時(shí)，往往會(huì)提示找不到j(luò)Query實(shí)例（有時(shí)候是提示找不到$），這是為啥呢？

要解釋這個(gè)問(wèn)題，就必須先稍微解釋一下jQuery插件的機(jī)制：jQuery插件是通過(guò)jQuery提供的jQuery.fn.extend(object)和jQuery.extend(object)這倆方法，來(lái)把插件本身實(shí)現(xiàn)的方法掛載到jQuery（也即$）這個(gè)對(duì)象上的。傳統(tǒng)引用jQuery及其插件的方式是先用