前言
今天與遇到一個令人抓狂的事情，
因為項目中有個交互太過於復雜而且冷門，
沒有人封裝類似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，再引入使用而已。