摘要：本文首发于的技术博客实用至上，非经作者同意，请勿转载。怎么来兼容老式插件呢方法有不少，下面一个一个来看。与上述的方案相反，此方案是先用加载的满足老式插件的需要，再通过将其转换成符合模块化要求的。
本文首发于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插件为和不能直接用webpack打包？如果你把jQuery看做是一个普通的js模块来加载（要用到jQuery的模块统统先require后再使用），那么，当你加载老式jQuery插件时，往往会提示找不到jQuery实例（有时候是提示找不到$），这是为啥呢？
要解释这个问题，就必须先稍微解释一下jQuery插件的机制：jQuery插件是通过jQuery提供的jQuery.fn.extend(object)和jQuery.extend(object)这俩方法，来把插件本身实现的方法挂载到jQuery（也即$）这个对象上的。传统引用jQuery及其插件的方式是先用