vue 或者 react 写一个小页面，用什么方法可以导出一个 js，提供给第三方使用

Question

我写了一个小组件或者小页面，比如一个弹窗。
想把这个弹窗导出一个 js 提供给别人使用。
第三方调用暴露出来的方法，就可以调用该组件。
这个组件可以传参数，比如弹窗的提示文字，可以通过参数的形式传过来。
请问有什么方法可以解决吗？

Answer 1

这不就是组件库吗，如果你不想把这个组件抽离出去，那就要看看webpack的最新特性，模块联邦了；
如果你想抽离出来呢，那就把类似的公共组件放到组件库，可以自己发布出来，其他项目安装引入，正好我之前写了一篇文章用vite+lerna配合verdaccio发布自己的前端包

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

如果你是 vue-cli 的项目。那么你可以输出为库文件可以。使用起来和普通的 vue 组件一样。

如果是 jquery 啥的项目，一般就是提供一个初始化方法，比如说 echarts，然后需要你传入一个dom 以及 options。

如果是大批量用的话就是组件库，比如说 bootstrap、element-ui、antd 之类的，也都是开源的。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 3

可以考虑打包成web component，这样就不限制框架调用了，我们公司目前已经广泛使用