摘要：本文首發于的技術博客實用至上，非經作者同意，請勿轉載。怎么來兼容老式插件呢方法有不少，下面一個一個來看。與上述的方案相反，此方案是先用加載的滿足老式插件的需要，再通過將其轉換成符合模塊化要求的。

本文首發于Array_Huang的技術博客——實用至上，非經作者同意，請勿轉載。
原文地址：https://segmentfault.com/a/1190000006887523
如果您對本系列文章感興趣，歡迎關注訂閱這里：https://segmentfault.com/blog/array_huang

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

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

別急，今天就教你適配兼容老式jQuery插件。

如果你把jQuery看做是一個普通的js模塊來加載（要用到jQuery的模塊統統先require后再使用），那么，當你加載老式jQuery插件時，往往會提示找不到jQuery實例（有時候是提示找不到$），這是為啥呢？

要解釋這個問題，就必須先稍微解釋一下jQuery插件的機制：jQuery插件是通過jQuery提供的jQuery.fn.extend(object)和jQuery.extend(object)這倆方法，來把插件本身實現的方法掛載到jQuery（也即$）這個對象上的。傳統引用jQuery及其插件的方式是先用