eact初学者,后台项目有大量第三方插件修改版的,要使用一些第三方的Jquery插件,但是这些插件以前都是直接引用的,不在npm库里等等,不是module模块。怎么引用呢?
那就用传统的 umd 的思路啊,直接入口的 html 文件加一个 script 标签引入这些 jquery 插件,一般来说它们都会挂载在 window 上面或者直接写一个全局变量,保证打包好的文件在这个标签之后,继续使用就好。
react的思想是虚拟dom,提倡最好较少dom的操作,可是我们在写网页的时候,有些复杂的交互还是离不开jquery插件的。而且当你把jquery直接拿来用的时候,你会发觉会报错,要么是找不到那个插件,要么就是没有报错,但是就是不能用。尤其是使用webpack打包后,如果将插件一起打包,那可能会出错。
那怎么过办呢?提供以下的解决方法
方法1:
在github下搜索react-插件名,比如: react-swiper,如果你可以搜到结果,那么就可以直接使用react的插件了,而无需再依赖jquery插件。
方法2:
将插件引入到页面的尾部,跟平时使用插件的方式一样。
这是我webpack引入jquery的代码
但是如果你的react项目中要使用jquery,插件也要依赖于jquery。用webpack打包的话,相当于引入了jquery两次。这个做法的缺点主要是在这里