[发明专利]一种前端支持增量发布的多页面方法及装置

权利要求书

1.一种前端支持增量发布的多页面方法，其特征在于，该方法是将通常使用的单页前端编译方式更改为多页面方式，每个功能为一个单独的个体，在发布工程时，支持单纯编译单个功能，编译后直接将文件添加至服务器中即可使用，具体包括：

S1、单页工程目录结构修改为多页工程目录结构；

S2、修改对应的配置文件；

S3、设置编译控制；

S4、增量发布。

2.根据权利要求1所述的前端支持增量发布的多页面方法，其特征在于，所述S1中的单页工程目录结构修改为多页工程目录结构的具体内容包括：

a、将原始的单页工程目录拆分为多页工程目录；

b、每个工程目录中含有独立的HTML入口页面；

c、每个工程目录中含有独立的JS入口文件。

3.根据权利要求1或2所述的前端支持增量发布的多页面方法，其特征在于，所述S1中的单页工程目录结构修改为多页工程目录结构的具体步骤如下：

S101、获取原有目录结构；

S102、在原有目录结构中，进入src文件夹中，新建一个文件夹，取名pages，pages文件夹用于存放页面文件；再在pages文件夹里面新建一个文件夹叫index，index文件夹用于存放首页；再将src文件夹以及最外层的index.html都拉进index文件夹里面；

S103、在utils.js文件中增加全局变量；

S104、在utils.js文件中增加多入口配置；

S105、在utils.js文件中增加多页面输出配置。

4.根据权利要求1所述的前端支持增量发布的多页面方法，其特征在于，所述S2中修改对应的配置文件的具体内容如下：

(1)、修改输出路径配置；

(2)、修改开发环境与生产环境配置。

5.根据权利要求1或4所述的前端支持增量发布的多页面方法，其特征在于，所述S2中修改对应的配置文件的具体步骤如下：

S201、修改build/webpack.base.conf.js的入口配置，在module.exports中修改entry配置；

S202、修改build/webpack.dev.conf.js和build/webpack.prod.conf.js的多页面配置；注释掉原有的入口文件路径，改为动态获取；注释掉途中默认配置只读取一种编译方式，追加.concat(utils.htmlPlugin())；

S203、修改webpack.prod.conf.js，注释掉编译时程序默认识别文件路径，添加.concat(utils.htmlPlugin())。

6.根据权利要求1所述的前端支持增量发布的多页面方法，其特征在于，所述S3中编译控制包括设置增量编译和全量编译控制以及设置增量编译文件数组模式控制。

7.根据权利要求1或6所述的前端支持增量发布的多页面方法，其特征在于，所述S3中设置编译控制的具体步骤如下：

S301、增加全局变量配置文件developmentConfig.js，加入如下变量：

//单功能编译与全量编译切换开关

const COMPLETE_COMILE＝false；

该参数在多入口配置和多页面输出配置中使用；

S302、在developmentConfig.js中增加增量编译的文件目录配置变量。

8.根据权利要求1所述的前端支持增量发布的多页面方法，其特征在于，所述步骤S4中增量发布支持编译后服务器增量发布模式。