记录一次 vue2 前端项目整合过程

整合成功效果图

具体说明：

项目A是现在的vue2前端项目，项目B是一个开源的工作流前端，项目后端代码已经整合了，就不多提了。这里主要记录下前端整合的过程和思路。

1、开源工作流里面的功能，拷贝到自己对应的vue2项目里面，且每个文件夹都对应新建一个oa文件夹，用来存放迁移的流程

2、注意各种路径全局替换，最好从开源文件夹里全局替换后，再拷贝到自己的项目里面

3、迁移main.js里面的相关引用

4、把pakagejs里面非dependencies和devDependencies的对比下差异，手动迁移过去

5、把新老pakagejs里面dependencies和devDependencies让AI给你对比下缺什么组件

6、然后再让AI帮你生产npm安装命令

7、安装后，重新npm -i ，把出现的错误，发给AI，让他给你分析，比如：

直接发错误信息出去

 ERROR  Failed to compile with 8 errors                                                                                     下午10:44:54error  in ./src/views/dingflow/common/process/nodes/ConditionNode.vue?vue&type=style&index=0&id=d4b010d8&lang=less&scoped=true&Syntax Error:box-shadow: 0px 0px 3px 0px @theme-primary;^
Variable @theme-primary is undefinedError in C:\Users\Administrator\Desktop\Project\ui\src\views\dingflow\common\process\nodes\ConditionNode.vue (line 221, column 34)

8、然后爬坑成功