当前位置: 首页 > 知识库问答 >
问题:

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

公西星海
2023-10-09

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

共有2个答案

丁鹏鹍
2023-10-09

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

黄俊雄
2023-10-09

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

 类似资料:
  • 本文向大家介绍vue组件如何被其他项目引用,包括了vue组件如何被其他项目引用的使用技巧和注意事项,需要的朋友参考一下 自己写的vue组件怎么才能让其他人引用呢,或者是共用组件如何让其他项目引用。本文就粗细的介绍下,如有疑问欢迎共同讨论。在这里你能了解下如下知识点: 1. 如何发布一个包到npmjs仓库上 2.如何引用一个npm包,尤其是本地引用 3.vue组件的两种引用方案 一、发布一个包到np

  • 本文向大家介绍vue如何引用其他组件(css和js),包括了vue如何引用其他组件(css和js)的使用技巧和注意事项,需要的朋友参考一下 1.vuejs组件之间的调用components 注意:报错Do not use built-in or reserved HTML elements as component id: 修改组件的名字,例如不能使用address为组件名字 组件名字不要使用内置

  • 我发现在mian.js里引入后在其他组件可以用,但是在其他js组件里使用EventBus方法就不行,求解决方法,另一种方法是新建个event-bus.js文件,在需要的页面去引入,也没用, 然后我在js文件里也用了 import Vue from 'vue' const EventBus = new Vue() 现在的问题是从js文件里发送的消息,在vue文件里接收不到(vue文件里用的是mian

  • 比如我在一个js文件中 怎么保证 按A-B—C 的顺序引入? 一定要按script标签那样动态引入吗?比如,import这种引入有什么好方法吗?

  • 本文向大家介绍Vue如何引入远程JS文件,包括了Vue如何引入远程JS文件的使用技巧和注意事项,需要的朋友参考一下 问题 最近在使用 Vue 做东西,用到钉钉扫描登录的功能,这里需要引入远程的 js 文件,因为 Vue 的方式跟之前的不太一样,又不想把文件下载到本地应用,找了一下解决的方法,貌似都需要引入第三方的库,最后找到了解决方案,分享之。 思路 一开始的思路是在 Vue 加载完 Dom 之后

  • 本文向大家介绍vue-cli如何引入bootstrap工具的方法,包括了vue-cli如何引入bootstrap工具的方法的使用技巧和注意事项,需要的朋友参考一下 本文介绍了vue-cli如何引入bootstrap工具的方法,分享给大家,也给自己留个笔记。 以下操作以正常安装node环境为前提。 1.引入jq: 在npm控制台中,进入项目目录,然后输入指令npm install jquery --