vue 引入基于jQuery的插件，有没有办法只局部引入jQuery，不全局引入？

Question

先说说情况吧，项目写了自己的 util.js 工具文件，然后引入的时候是这样引入的 import $ from 'util',一开始就没打算会用到jQuery，所以就用 $ 了；
但是后面项目用到富文本，然后找到了一个兼容性不错的富文本插件vue-froala-wysiwyg，但是它是基于jQuery的（插件源码里需要用到jQuery的$）。
所以想问问看能不能够局部引入jQuery？只有富文本插件才用到jQuery。技术团队要我找办法解决这个问题，别全局改动 import $ from 'util' 成 import util from 'util'

Answer 1

应该从vue-froala-wysiwyg 如何使用$的方式下手，我去看了下这个插件的代码，发现他不是使用window.$,而是使用$，这个会和局部的 import $ from 'util.js' 冲突。

在 .node_modules/vue-froala-wysiwyg/dist/vue-froala.js 中修改所有的$为window.$就不会冲突了， 要改的地方不多，其实它也就用来貌似选择元素而已。

这样子改了之后，其他跟你协作的同时不能同步.node_modules中的代码，还是建议你将 vue-froala-wysiwyg 这个插件的代码本地化。

Answer 2

如果是vue-cli搭的项目局部引用jq就可以了啊

Answer 3

https://blog.csdn.net/jx95091...

你把main.js中的引用换成别的js文件就行，这样就不会全局引用了

Answer 4

直接

import jq from 'jQuery'

就没问题啊