一种前端源项目的打包方法与流程

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

背景技术：

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

缺点1：

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

缺点2：

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

技术实现要素：

(一)要解决的技术问题

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

(二)技术方案

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

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

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

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

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

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

(三)有益效果

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

附图说明

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

具体实施方式

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

请参照图1所示，一种前端源项目的打包方法，包括：

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

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

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

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

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

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

进一步地，所述s4中当点击所述打包按钮时，会根据所述源项目地址拉取源项目之后还包括：

在所述源项目中依次执行安装代码控制系统的分支清理命令、切换分支命令和拉取更新命令。

从上述描述可知，通过分支清理命令保证安装环境为初始状态，防止之前打包失败或异常后在项目中会产生一些垃圾文件，不做清理操作可能会使项目打包异常；并通过切换分支命令和拉取更新命令获取最新的需要打包的分支代码。

实施例一

请参照图1所示，一种前端源项目的打包方法，包括：

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

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

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

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

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

其中，所述s4中当点击所述打包按钮时，会根据所述源项目地址拉取源项目之后还包括：

在所述源项目中依次执行安装代码控制系统的分支清理命令、切换分支命令和拉取更新命令。

优选地，所述安装代码控制系统为git。

其中，可为使用该方法的终端(如电脑)绑定固定ip，保证开发人员在本机即可访问到该终端的打包服务，避免重新安装打包环境或者因打包环境不一致导致打包无法顺利进行。

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

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。