web前端项目的分包部署方法、系统和计算机设备与流程

本申请涉及web前端技术领域，尤其涉及一种web前端项目的分包部署方法、系统和计算机设备。

背景技术：

在web前端单页应用项目中，随着项目的功能增多，一方面，项目需编译代码的量增加，造成编译速度缓慢，影响部署和开发效率；另一方面，造成版本发布数量增加，不利于功能点多及代码量大的大型web前端单页应用项目(以下简称大型web-spa项目)的版本管理和开发协作，容易造成生产应用功能不稳定。

综上所述，随着项目的功能增多，web前端单页应用项目的部署和开发效率较低，生产应用功能不稳定。

技术实现要素：

本申请实施例提供了一种web前端项目的分包部署方法、系统和计算机设备，可以解决现有技术中，随着项目的功能增多，web前端单页应用项目的部署和开发效率较低，生产应用功能不稳定的问题。

第一方面，本申请实施例提供了一种web前端项目的分包部署方法，包括：

获取模块子项目，并根据所述模块子项目生成模块子项目工程，所述模块子项目是从web前端项目中抽取的子项目，所述模块子项目工程包括主工程和至少一个子工程；

获取所述模块子项目的前端路由表文件，将所述模块子项目的前端路由表文件打包作为所述子工程的入口文件，其中，所述前端路由表文件用于维护所述模块子项目可访问的页面与路由的映射关系；

在所述主工程中引入所述子工程打包好的所述入口文件，所述主工程包括路由配置文件；

根据所述子工程打包好的所述入口文件，修改所述主工程的所述路由配置文件，得到目标路由配置文件；

根据所述目标路由配置文件，对所述子工程进行分包部署。

在第一方面的一种可能的实现方式中，所述在所述主工程中引入所述子工程打包好的所述入口文件的步骤，包括：

在所述主工程中引入所述子工程打包好的入口文件的url路径信息；

运行所述主工程时，根据所述url路径信息下载所述子工程打包好的入口文件。

在第一方面的一种可能的实现方式中，所述根据所述目标路由配置文件，对所述子工程进行分包部署的步骤，包括：

利用指定的打包工具，将所述子工程打包生成部署包；

从所述目标路由配置文件中提取部署的路径，并根据所述部署的路径将所述部署包部署至web服务器。

在第一方面的一种可能的实现方式中，所述根据所述目标路由配置文件，对所述子工程进行分包部署的步骤，包括：

若所述子工程要部署至多个web服务器中，则获取所述子工程对应web服务器的域名；

将所述子工程对应web服务器的域名添加至对应的所述子工程的资源文件，得到目标子工程；

将所述目标子工程打包，生成部署包；

从所述目标路由配置文件中提取部署的路径，并根据所述部署的路径将所述部署包部署至web服务器。

在第一方面的一种可能的实现方式中，所述分包部署方法还包括对全局公共组件和框架的处理，具体包括：

获取所述模块子项目的框架类型；

根据所述框架类型，确定所述全局公共组件的挂载对象；

根据所述全局公共组件的挂载对象的类型，在所述模块子项目全局的对象下挂载所述全局公共组件。

第二方面，本申请实施例提供了一种web前端项目的分包部署系统，包括：

项目工程获取单元，用于获取模块子项目，并根据所述模块子项目生成模块子项目工程，所述模块子项目是从web前端项目中抽取的子项目，所述模块子项目工程包括主工程和至少一个子工程；

入口文件获取单元，用于获取所述模块子项目的前端路由表文件，将所述模块子项目的前端路由表文件打包作为所述子工程的入口文件，其中，所述前端路由表文件用于维护所述模块子项目可访问的页面与路由的映射关系；

入口文件引入单元，用于在所述主工程中引入所述子工程打包好的所述入口文件，所述主工程包括路由配置文件；

目标文件获取单元，用于根据所述子工程打包好的所述入口文件，修改所述主工程的所述路由配置文件，得到目标路由配置文件；

分包部署单元，用于根据所述目标路由配置文件，对所述子工程进行分包部署。

第三方面，本申请实施例提供了一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述第一方面所述的web前端项目的分包部署方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述第一方面所述的web前端项目的分包部署方法。

第五方面，本申请实施例提供了一种计算机程序产品，当计算机程序产品在计算机设备上运行时，使得计算机设备执行如上述第一方面所述的web前端项目的分包部署方法。

本申请实施例中，通过获取模块子项目，并根据所述模块子项目生成模块子项目工程，所述模块子项目是从web前端项目中抽取的子项目，所述模块子项目工程包括主工程和至少一个子工程，通过子工程的方式把主项目和各个模块子项目解耦，可实现插拔式配置功能子项目，能够更加方便进行项目功能集成和维护，然后获取所述模块子项目的前端路由表文件，将所述模块子项目的前端路由表文件打包作为所述子工程的入口文件，其中，所述前端路由表文件用于维护所述模块子项目可访问的页面与路由的映射关系，在所述主工程中引入所述子工程打包好的所述入口文件，所述主工程包括路由配置文件，根据所述子工程打包好的所述入口文件，修改所述主工程的所述路由配置文件，得到目标路由配置文件，根据所述目标路由配置文件，对所述子工程进行分包部署。本申请可将大型web前端单页应用项目分模块子项目开发，分包编译部署，同时减少工程打包文件的大小，隔离了项目版本之间的影响，可提高开发和部署效率，增强生产应用的稳定性。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的web前端项目的分包部署方法的实现流程图；

图2是本申请实施例提供的web前端项目的分包部署方法s105的具体实现流程图；

图3是本申请实施例提供的web前端项目的分包部署方法s105的另一具体实现流程图；

图4是本申请实施例提供的对所述web项目的全局公共组件和框架的处理的具体实现流程图；

图5是本申请实施例提供的web前端项目的分包部署系统的结构框图；

图6是本申请实施例提供的计算机设备的示意图。

具体实施方式

以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。

应当理解，当在本申请说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。

另外，在本申请说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。

本申请实施例提供的web前端项目的分包部署方法可以应用于服务器、超级移动个人计算机(ultra-mobilepersonalcomputer，umpc)等智能终端上，本申请实施例对智能终端的具体类型不作任何限制。

图1示出了本申请实施例提供的web前端项目的分包部署方法的实现流程，该方法流程包括步骤s101至s105。各步骤的具体实现原理如下：

s101：获取模块子项目，并根据所述模块子项目生成模块子项目工程，所述模块子项目是从web前端项目中抽取的子项目，所述模块子项目工程包括主工程和至少一个子工程。

在本申请实施例中，将模块子项目分别从当前web前端的web-spa项目中抽取出，独立生成编译无关的模块子项目工程。具体地，根据实际的业务场景或者功能场景来抽取模块子项目。所述模块子项目至少包括一个路由页面。所述模块子项目工程需要分为一个主工程及若干子工程，所述主工程作为单页应用的入口。单页应用(singlepagewebapplication，spa)是web前端开发的一个专业词语，和一个统一资源定位系统(uniformresourcelocator，url)对应一个html页面的web应用加载方式不同，单页应用的所有url都只对应一个html页面，通过前端路由来控制显示状态变更。所述主工程用于负责整个框架的初始化运行，以及运行时路由的管理以及编译时的公共组件的管理，一般不负责具体的业务功能实现。所述子工程用于负责具体的业务功能实现。

s102：获取所述模块子项目的前端路由表文件，将所述模块子项目的前端路由表文件打包作为所述子工程的入口文件，其中，所述前端路由表文件用于维护所述模块子项目可访问的页面与路由的映射关系。

在本申请实施例中，具体地，所述子工程以模块子项目的前端路由表文件打包作为入口文件。所述子工程的入口文件是前端工程编译打包时的入口文件，所述入口文件为路由文件，前端编译打包工具会通过这个文件分析出整个前端工程的代码依赖关系，并构建前端工程的代码依赖树，在此依赖树的基础上对前端代码进行编译打包。可使用web前端现有的打包工具如webpack、gulp、grunt等进行打包。该前端路由表文件需维护该模块子项目可访问的所有页面和路由的关系。在所述前端路由表文件中，包括所述模块子项目可访问的所有页面和路由一对一的映射关系。

s103：在所述主工程中引入所述子工程打包好的所述入口文件，所述主工程包括路由配置文件。

具体地，在所述主工程中引入所述子工程打包好的入口文件具体是指引入所述子工程打包好的入口文件的url路径信息，在运行所述主工程时，浏览器最终会根据所述url路径信息下载所述子工程的入口文件。

在本申请实施例中，在所述主工程中引入所述子工程打包好的所述入口文件是指在所述主工程中索引或者插入所述子工程打包好的所述入口文件，不同打包工具有不同的引入方法，例如，使用webpack打包入口文件，需要在配置文件的entry配置项里面指定一个打包入口文件的路径，可以通过多种方式在所述主工程中引入所述子工程打包好的入口文件，一种是直接在主工程的web单页应用的索引文件(即浏览器访问该单页应用首先要访问的文件—index.html)中通过script标签引入；另一种是通过xhr请求(获取请求)向服务器请求该入口文件内容，再通过浏览器的dom操作，将该内容作为js脚本插入到页面dom树中。

在本申请实施例中，在所述主工程在浏览器端运行的时候，通过网络协议加载所述子工程打包好的入口文件，web端开发常用的协议有http、https、websocket等。所述子工程在浏览器的javascript执行环境中执行。执行完后，就在浏览器当前站点的执行上下文的全局对象中挂载路由配置映射表，这是需要在所述子工程的编译入口文件中编码实现的，将路由配置挂载到浏览器当前站点的执行上下文的全局对象上，所述子工程打包好的代码不参与所述主工程的编译过程。

在本申请实施例中，因为web-spa项目一定会集成路由框架，通过路由的动态注入来实现主项目和模块子项目间的关联依赖，以达到编译无关的主项目和模块子项目之间能够协作运行。所谓的路由的动态注入只是相对于编译时而言，编译时的路由静态注入指是将路由配置写在需要编译的js中，通过commonjs规范或es6的import引入到路由初始化的js文件中；而路由的动态注入，是和编译时无关的，将各个模块子项目的路由配置集合在js运行的时候挂载到js运行的宿主环境的全局变量，如浏览器标签页的js引擎线程的window变量中，主项目在运行的过程中，从全局变量中获取到各个模块子项目的路由配置集合，再合并到自身的路由配置集合后进行路由初始化。

示例性，在本申请实施例中，将所述模块子项目的前端路由表文件作为所述模块子项目工程的打包入口。所述前端路由表文件包括路径和页面的映射关系，以及路由状态和跳转的一些额外参数，额外参数会根据路由框架的不同，在数量、命名和值类型方面有所不同。所述主工程的入口文件与所述子工程的入口文件不同，所述主工程的入口文件是浏览器可渲染的html文件，通过http、https或websocket等协议从服务器获取子工程打包好的入口文件，具体通过script标签引入子工程的入口文件的url地址信息，主工程运行时，浏览器会根据子工程的入口文件的url地址信息，下载所述入口文件到所述主工程中运行。

s104：根据所述子工程打包好的所述入口文件，修改所述主工程的所述路由配置文件，得到目标路由配置文件。

具体地，从所述子工程打包的入口文件加载运行后的返回结果中获得所述子工程的路由列表，所述主工程中运行了所述子工程的入口文件后会得到一个路由列表集合，将所述子工程的路由表文件添加到所述主工程的路由列表集合。所述主工程的路由配置文件通过代码实现对所述子工程项目的配置注入整合。浏览器在执行完所有的子工程后，再执行所述主工程的路由配置文件后就能够完成动态路由注入。在本申请实施例中，从浏览器的在所述网站站点的执行上下文的全局widnow对象中获取浏览器执行完所述子工程的入口文件生成的所述子工程的路由配置对象，将浏览器执行完所述子工程的入口文件所生成的所述子工程的路由配置对象添加到所述主工程的路由配置文件。

可选地，在本申请实施例中，将所述子工程的路由配置对象添加到所述主工程的路由配置文件时，校验路由路径和名称的唯一性，从而可及早发现因信息不同步造成的路由路径和名称重复的问题。

s105：根据所述目标路由配置文件，对所述子工程进行分包部署。

在本申请实施例中，利用webpack、parcel等前端工程化的打包工具，对所述子工程分别进行打包，根据所述目标路由配置文件，对分别打包好的子工程进行部署。

作为本申请的一个实施例，图2示出了本申请实施例提供的web前端项目的分包部署方法步骤s105的具体实现流程，详述如下：

a1：利用指定的打包工具，将所述子工程打包生成部署包。具体地，利用webpack、parcel等前端工程化的打包工具，对所述子工程进行打包。对于多个子工程的情况下，利用打包工具分别对子工程进行打包，生成多个部署包。

a2：从所述目标路由配置文件中提取部署的路径，并根据所述部署的路径将所述部署包部署至web服务器。

在本申请实施例中，在同一个web服务器上部署所述部署包。具体地，从所述目标路由配置文件中提取部署的路径，确定对应web服务器的静态web资源的根目录下，将所述部署包放在以各自模块子项目的名称或其他可以映射模块子项目的名称命名的文件下，通过所述文件的文件路径来标识和隔绝模块子项目间的生产代码影响。所述部署包包括一个主部署包和多个子部署包。为了引用路径配置方便，主部署包的入口文件可以直接暴露在根目录下。本申请实施例中，在同一个web服务器上部署可以避免解决复杂的跨域问题，同时减少了网络通信，避免web性能的损失。

可选地，作为本申请的一个试试，图3示出了本申请另一实施例提供的web前端项目的分包部署方法步骤s105的具体实现流程，详述如下：

b1：若所述子工程要部署至多个web服务器中，则获取所述子工程对应web服务器的域名。

b2：将所述子工程对应web服务器的域名添加至对应的所述子工程的资源文件，得到目标子工程。

b3：将所述目标子工程打包，生成部署包。具体地，所述子工程在打包前给所有资源文件加上各自对应web服务器的域名，如在webpack3中可以在entry中配置publicpath属性，将publicpath属性设置为当前的调试web服务器的域，譬如，当前个人电脑启动的服务器的端口是8881，则publicpath设置为http://localhost:8881，如果模块子项目服务在其他电脑上启的服务，则需将该模块子项目工程publicpath配置为http://[ip地址]:8881(同个网段才能访问)。

b4：从所述目标路由配置文件中提取部署的路径，并根据所述部署的路径将所述部署包部署至web服务器。

在本申请实施例中，若子工程要部署至多个web服务器中，则将各个子工程对应web服务器的域名添加至所述子工程的资源文件，得到目标子工程，再将所述目标子工程打包生成的部署包分别部署至对应的web服务器中。

可选地，在本申请实施例中，若部署包必须分别部署在多个web服务器中，需对预先对开发环境进行调试配置。具体地，下载主工程以及需要开发的对应子工程至个人电脑上。运行所述主工程的编译调试，再运行所述子工程编译，其中，所述子工程的编译目标目录应当配置为主工程调试web服务器的web静态资源目录下。但是由于一些前端构建工具配置，导致主工程调试服务器无法从电脑硬盘的对应目录中加载。如wepack3中使用web-dev-middleware作为开发调试的中间件的话，由于兼容webpack3的web-dev-middleware只能从内存中加载编译文件，没有提供从硬盘指定目录获取的配置，这时只能通过解决跨域问题来完成对开发环境调试配置的构建。可选地，所述开发环境调试配置的步骤还包括获取所述子工程运行的调试web服务器的域的url地址，将所述主工程引入的所述子工程打包好的所述入口文件，更改为所述子工程运行的调试web服务器的域的url地址。

可选地，作为本申请的一个实施例，所述web前端项目的分包部署方法还包括对所述web前端项目的全局公共组件和框架处理。如图4所示，所述对所述web项目的全局公共组件和框架的处理的步骤包括：

c1：获取所述模块子项目的框架类型。

c2：根据所述框架类型，确定所述全局公共组件的挂载对象。

c3：根据所述全局公共组件的挂载对象，在所述模块子项目全局的对象下挂载所述全局公共组件。具体地，对于全局公共组件和框架的处理，是将其挂在在项目全局对象下，不宜在模块子项目工程中分开编译。如使用vuejs和iview框架的话，需要将iview的组件挂载在项目全局的vue对象下，不宜每个模块子项目各自再引入vuejs和iview框架。

可选地，在本申请实施例中，对于web前端项目的项目版本管理的规划原则是每个版本分支只允许修改一个模块子项目代码，不允许在一个版本分支上修改多个模块子项目代码，从而更好的隔离项目版本分支之间影响，提高生产应用功能的稳定性。

通过获取模块子项目，并根据所述模块子项目生成模块子项目工程，所述模块子项目是从web前端项目中抽取的子项目，所述模块子项目工程包括主工程和至少一个子工程，通过子工程的方式把主项目和各个模块子项目解耦，可实现插拔式配置功能子项目，能够更加方便进行项目功能集成和维护，然后获取所述模块子项目的前端路由表文件，将所述模块子项目的前端路由表文件打包作为所述子工程的入口文件，其中，所述前端路由表文件用于维护所述模块子项目可访问的页面与路由的映射关系，在所述主工程中引入所述子工程打包好的所述入口文件，所述主工程包括路由配置文件，根据所述子工程打包好的所述入口文件，修改所述主工程的所述路由配置文件，得到目标路由配置文件，根据所述目标路由配置文件，对所述子工程进行分包部署。本申请可将大型web前端单页应用项目分模块子项目开发，分包编译部署，同时减少工程打包文件的大小，隔离了项目版本之间的影响，可提高开发和部署效率，增强生产应用的稳定性。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。

对应于上文实施例所述的web前端项目的分包部署方法，图5示出了本申请实施例提供的web前端项目的分包部署系统的结构框图，为了便于说明，仅示出了与本申请实施例相关的部分。

参照图5，该web前端项目的分包部署系统包括：项目工程获取单元51，入口文件获取单元52，入口文件引入单元53，目标文件获取单元54，分包部署单元55，其中：

项目工程获取单元51，用于获取模块子项目，并根据所述模块子项目生成模块子项目工程，所述模块子项目是从web前端项目中抽取的子项目，所述模块子项目工程包括主工程和至少一个子工程；

入口文件获取单元52，用于获取所述模块子项目的前端路由表文件，将所述模块子项目的前端路由表文件打包作为所述子工程的入口文件，其中，所述前端路由表文件用于维护所述模块子项目可访问的页面与路由的映射关系；

入口文件引入单元53，用于在所述主工程中引入所述子工程打包好的所述入口文件，所述主工程包括路由配置文件；

目标文件获取单元54，用于根据所述子工程打包好的所述入口文件，修改所述主工程的所述路由配置文件，得到目标路由配置文件；

分包部署单元55，用于根据所述目标路由配置文件，对所述子工程进行分包部署。

可选地，所述入口文件引入单元53包括：

信息引入模块，用于在所述主工程中引入所述子工程打包好的入口文件的url路径信息；

文件下载模块，用于运行所述主工程时，根据所述url路径信息下载所述子工程打包好的入口文件。

可选地，所述分包部署单元55包括：

第一打包模块，用于利用指定的打包工具，将所述子工程打包生成部署包；

第一部署模块，用于从所述目标路由配置文件中提取部署的路径，并根据所述部署的路径将所述部署包部署至web服务器。

可选地，所述分包部署单元55包括：

域名信息获取模块，用于若所述子工程要部署至多个web服务器中，则获取所述子工程对应web服务器的域名；

目标子工程生成模块，用于将所述子工程对应web服务器的域名添加至对应的所述子工程的资源文件，得到目标子工程；

第二打包模块，用于将所述目标子工程打包，生成部署包；

第二部署模块，用于从所述目标路由配置文件中提取部署的路径，并根据所述部署的路径将所述部署包部署至web服务器。

可选地，所述分包部署系统还包括公共组件处理单元56，用于对所述模块子项目的全局公共组件的处理：所述公共组件处理单元56具体包括：

框架类型获取模块，用于获取模块子项目的框架类型；

对象类型获取模块，用于根据所述框架类型，确定所述全局公共组件的挂载对象；

组件挂载模块，用于根据所述全局公共组件的挂载对象，在所述模块子项目全局的对象下挂载所述全局公共组件。

在本申请实施例中，通过获取模块子项目，并根据所述模块子项目生成模块子项目工程，所述模块子项目是从web前端项目中抽取的子项目，所述模块子项目工程包括主工程和至少一个子工程，通过子工程的方式把主项目和各个模块子项目解耦，可实现插拔式配置功能子项目，能够更加方便进行项目功能集成和维护，然后获取所述模块子项目的前端路由表文件，将所述模块子项目的前端路由表文件打包作为所述子工程的入口文件，其中，所述前端路由表文件用于维护所述模块子项目可访问的页面与路由的映射关系，在所述主工程中引入所述子工程打包好的所述入口文件，所述主工程包括路由配置文件，根据所述子工程打包好的所述入口文件，修改所述主工程的所述路由配置文件，得到目标路由配置文件，根据所述目标路由配置文件，对所述子工程进行分包部署。本申请可将大型web前端单页应用项目分模块子项目开发，分包编译部署，同时减少工程打包文件的大小，隔离了项目版本之间的影响，可提高开发和部署效率，增强生产应用的稳定性。

需要说明的是，上述装置/单元之间的信息交互、执行过程等内容，由于与本申请方法实施例基于同一构思，其具体功能及带来的技术效果，具体可参见方法实施例部分，此处不再赘述。

本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如图1至图4表示的任意一种web前端项目的分包部署方法的步骤。

本申请实施例还提供一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令，所述处理器执行所述计算机可读指令时实现如图1至图4表示的任意一种web前端项目的分包部署方法的步骤。

本申请实施例还提供一种计算机程序产品，当该计算机程序产品在服务器上运行时，使得服务器执行实现如图1至图4表示的任意一种web前端项目的分包部署方法的步骤。

图6是本申请一实施例提供的计算机设备的示意图。如图6所示，该实施例的计算机设备6包括：处理器60、存储器61以及存储在所述存储器61中并可在所述处理器60上运行的计算机可读指令62。所述处理器60执行所述计算机可读指令62时实现上述各个web前端项目的分包部署方法实施例中的步骤，例如图1所示的步骤s101至s105。或者，所述处理器60执行所述计算机可读指令62时实现上述各系统实施例中各模块/单元的功能，例如图5所示单元51至55的功能。

示例性的，所述计算机可读指令62可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器61中，并由所述处理器60执行，以完成本申请。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机可读指令段，该指令段用于描述所述计算机可读指令62在所述计算机设备6中的执行过程。

所述计算机设备6可以是服务器。所述计算机设备6可包括，但不仅限于，处理器60、存储器61。本领域技术人员可以理解，图6仅仅是计算机设备6的示例，并不构成对计算机设备6的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述计算机设备6还可以包括输入输出设备、网络接入设备、总线等。

所述处理器60可以是中央处理单元(centralprocessingunit，cpu)，还可以是其他通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现成可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述存储器61可以是所述计算机设备6的内部存储单元，例如计算机设备6的硬盘或内存。所述存储器61也可以是所述计算机设备6的外部存储设备，例如所述计算机设备6上配备的插接式硬盘，智能存储卡(smartmediacard,smc)，安全数字(securedigital,sd)卡，闪存卡(flashcard)等。进一步地，所述存储器61还可以既包括所述计算机设备6的内部存储单元也包括外部存储设备。所述存储器61用于存储所述计算机可读指令以及所述计算机设备所需的其他程序和数据。所述存储器61还可以用于暂时地存储已经输出或者将要输出的数据。

需要说明的是，上述装置/单元之间的信息交互、执行过程等内容，由于与本申请方法实施例基于同一构思，其具体功能及带来的技术效果，具体可参见方法实施例部分，此处不再赘述。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质至少可以包括：能够将计算机程序代码携带装置/终端设备的任何实体或装置、记录介质、计算机存储器、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、电载波信号、电信信号以及软件分发介质。例如u盘、移动硬盘、磁碟或者光盘等。在某些司法管辖区，根据立法和专利实践，计算机可读介质不可以是电载波信号和电信信号。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之内。