前端代码如何驱动化管理？

Question

有以下场景：

1. 在项目A中编写代码，然后编译成xx.js文件。
2. 项目B中通过导入操作（可以文件操作）的方式，将代码导入到项目B中，B的界面上就会多一个A的节点(比如一棵功能树)。

我想到的就是A编译的xx.js通过B的index.html的script标签引入，但是如何编写以及引入后怎么使用想不明白。

A和B代码该如何组织编写？ 有现成的类似项目吗？(React或者vue，原生js也行)

Answer 1

1. vue 本身就支持异步组件。B 项目无非就是一个 B 组件嘛。
2. 微前端，qiankun、garfish 之类的。不在局限于 vue、react 本身
3. iframe
4. 或者还有类似的 requireJs 之类的东西

---

其实挺多办法都能实现的。只不过看你是想自己搞一套，还是白嫖就完事了。