vue如何引入其他工程页面?

需求:
vue工程A中打开弹窗,内容为独立的验证码。
目的:
这个验证码业务不随工程A迭代升级,而是独立存在的。
1或 单独部署在某个云服务器上;
2或 与A工程一起部署,但与A工程完全0耦合。
问题:
能否将验证码业务独立成插件,在vue项目中import进来?
打包的时候,单独存在于dist中某个独立文件夹?
如何操作,请高手指点,十分感谢~!

阅读 1.5k
4 个回答

直接单独部署,然后搞个 iframe 嵌套进来就行了吧。

解决方案有以下两个
1.将这个验证码业务上传npm(有私服的话上传到私服),通过npm install的形式去集成到项目当中
2.利用ModuleFederation去从项目中export验证码组件然后,给工程A使用(微前端形式)

上传npm 采用install的方式安装引用

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题