[发明专利]一种前端源项目的打包方法

说明书

本发明涉及一种前端源项目的打包方法，由于第三方插件的索引列表列于打包配置文件中，因此能够保证后续读取第三方插件的索引列表后安装的第三方插件的版本能够一致，使得前端项目不会因本地和源项目的第三方版本不一致出现问题，保证了前端项目的正常打包；另外，能够将打包命令转化为不同的打包按钮，根据需求点击按钮即可执行打包，且通过打包脚本和迁移脚本执行打包和迁移动作，无需人工手动将打包代码拷贝至发布目录中，简化了打包和迁移流程，提高了整体效率。

技术领域

本发明涉及计算机软件领域，尤其涉及一种前端源项目的打包方法。

背景技术

由于前端项目中存在不能直接被浏览器所解析的脚本代码，所以每次前端项目上线前都需要执行打包操作。完成打包工作首先需要接入打包环境，并在项目中安装所需的第三方依赖插件，最后才能执行打包命令，打包好后手动将打包代码拷贝到对应的发布服务器上，工作才算完成，打包流程较为复杂。这种传统做法存在以下缺点：

缺点1：

每次打包都需要确保本地和项目中已经安装了打包环境，并具备项目所需的第三方依赖插件，然后才能执行打包命令，打包结束后还需人工将打包后的内容拷贝到对应服务器文件中，使得打包流程较为复杂，打包效率较低。如果项目存在多个并行分支，还需要保证切换到所需分支才能进行打包工作。

缺点2：

当多人协作时，需要保证每个开发人员的第三方依赖插件版本一致，不然将导致最后发布出来的项目效果不一致甚至是报错。

发明内容

(一)要解决的技术问题

为了解决现有技术的上述问题，本发明提供一种前端源项目的打包方法，能够提高前端项目的打包效率。

(二)技术方案

为了达到上述目的，本发明采用的技术方案为：一种前端源项目的打包方法，包括：

S1、编写打包构建脚本，所述打包构建脚本包括打包脚本和迁移脚本；

S2、在源项目的打包配置文件中配置源项目地址、发布目录地址和源项目不同分支的打包命令行，所述打包配置文件中列有所述源项目引用的第三方插件的索引列表；

S3、在打包服务中导入源项目，所述打包服务自动读取所述源项目中打包配置文件的第三方插件的索引列表进行第三方插件的安装，并自动读取所述源项目地址和所述源项目不同分支的打包命令行，获取需要拉取的源项目地址以及对应的不同分支的打包命令行，将所述不同分支的打包命令行对源项目不同分支的打包命令转化为不同的打包按钮进行显示；

S4、当点击所述打包按钮时，会根据所述源项目地址拉取源项目，并通过所述打包脚本辅助所述打包命令行对与其对应的所述源项目的分支执行打包操作；

S5、当打包结束后得到打包产物，执行迁移脚本将所述打包产物迁移至发布目录地址指向的发布目录。

(三)有益效果

本发明的有益效果是：由于第三方插件的索引列表列于打包配置文件中，因此能够保证后续读取第三方插件的索引列表后安装的第三方插件的版本能够一致，使得前端项目不会因本地和源项目的第三方版本不一致出现问题，保证了前端项目的正常打包；另外，能够将打包命令转化为不同的打包按钮，根据需求点击按钮即可执行打包，且通过打包脚本和迁移脚本执行打包和迁移动作，无需人工手动将打包代码拷贝至发布目录中，简化了打包和迁移流程，提高了整体效率。

附图说明

图1为本发明的一种前端源项目的打包方法的流程图。

具体实施方式

为了更好的解释本发明，以便于理解，下面结合附图，通过具体实施方式，对本发明作详细描述。