react 或 vue 中引用 jQuery 插件

前言

今天与遇到一个令人抓狂的事情，

因为项目中有个交互太过于复杂而且冷门，

没有人封装类似react-swiper那种的移植过来的插件

只有现成的jQuery插件。

而时间并不宽裕，自己重写成react形式并不现实

不得已必须在react中使用jquery插件。

查阅了很多资料，又是修改插件又是设置全部别名。

效果都不是太好，最后无奈自己想了一种方案。

简单的令人发指，想想自己也挺蠢得的。

废话不多说，上代码。

---

下载依赖

npm install --save jquery

在插件中引用 jquery

import jQuery from 'jquery'
/*eslint-disable */      //  有些插件写的可能比较早没有代码检查，这里可以禁用一下，避免报错。
(function ($) {
$.fn.XXXX = function () {
        /* 一堆一堆代码*/
    })
})(jQuery)
/*eslint-enable */
export default jQuery

组件中引入插件， 直接引入静态文件

import jQuery from '../../XXXX路径'

---

这样就可以使用了，简单粗暴，只是换了个思想。 从插件引入jQuery，然后抛出jQuery，再引入使用而已。