[发明专利]web前端代码自动化构建方法、系统及存储介质

权利要求书

1.一种B/S架构下的web前端代码自动化构建方法，其特征在于，包括：

目录创建及模板生成步骤：接收用户输入的配置项，并根据所述配置项创建项目目录、生成目录约定及生成模板文件；

自动安装步骤：根据所述模板文件及所述配置项自动安装需要的依赖程序；

模块打包及代码编译步骤：根据所述项目目录、目录约定和模板文件进行模块打包及代码编译，得到处理结果；

代码发布步骤：将所述处理结果进行代码发布。

2.如权利要求1所述的web前端代码自动化构建方法，其特征在于，模块打包及代码编译过程包括开发模式和生产模式；

开发模式下，根据所述目录约定生成入口文件；

对所述前端资源进行识别，得到待加载页面；

根据所述入口文件，将处理结果自动插入所述待加载页面上。

3.如权利要求2所述的web前端代码自动化构建方法，其特征在于，所述入口文件包括单页面的路由配置和多页面的路由配置，根据所述目录约定生成入口文件具体包括：

若开发页面为单页面，则按照单页面的目录约定进行开发，生成单页面的路由配置；

若开发页面为多页面，则按照多页面的目录约定进行开发，生成多页面的路由配置。

4.如权利要求2所述的web前端代码自动化构建方法，其特征在于，开发模式下，若监听到前端资源发生变化，则获取当前修改文件，并对所述当前修改文件进行模块打包及代码编译，其中，所述前端资源发生变化包括html、javascript、css、图片资源或视频资源发生变化。

5.如权利要求4所述的web前端代码自动化构建方法，其特征在于，在模块打包及代码编译过程的开发模式下，代码生成于本地运行的模拟服务器的内存中。

6.如权利要求4所述的web前端代码自动化构建方法，其特征在于，在模块打包及代码编译过程的开发模式下，所述方法还包括对代码进行规范检测。

7.如权利要求2所述的web前端代码自动化构建方法，其特征在于，在模块打包及代码编译过程的生产模式下，所述方法还包括：

不对前端资源进行监听，一次性地代码进行打包及编译；

将打包及编译后的代码自动插入到所述待加载页面中，并加入唯一标识ID，以便在部署后系统自动更新前端资源缓存；

对代码进行规范检测和代码压缩。

8.如权利要求1-7任一项所述的web前端代码自动化构建方法，其特征在于，代码发布过程包括生产模式，代码发布时，判断是否存在发布目录，如果不存在则会创建发布目录，如果存在，则会将该目录移除，重新创建目录，并按照单独目录存储的方式发布代码，所述单独目录存储的方式包括html、javascript、css、图片资源或视频资源。

9.一种B/S架构下的web前端代码自动化构建系统，其特征在于，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求8所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求8所述的方法。