[发明专利]一种web前端代码自动化编译构建的模块化开发和发布系统

说明书

技术领域

本发明涉及前端开发环境搭建的技术领域，更具体地，涉及一种web前端代码自动化编译构建的模块化开发和发布系统。

背景技术

在网站开发和运行过程中，需要搭建Web前端开发环境对网站的项目开发，对存在问题的内容进行修改和调试。现有技术中，Web前端开发环境常常需要用到CDN内容分发网络服务器，具体而言，正常访问网页时会附带访问很多资源文件，比如css，js文件等。CDN内容分发网络服务器就是存放这些css和js的文件。

当今Js脚本语言和css语言，是互联网时代不可缺少的两门语言。Web前端开发团队是开发web应用不可缺少的重要团队，在复杂的互联网应用环境中，如何提高js、css语言本身的使用灵活性，及如何构建一套属于Web前端团队的可持续化构建和发布管理平台、测试平台。

关于如何搭建Web前端可持续构建和发布的方案和技术，目前比较有代表的是基于Jenkins搭建Web前端开发的持续化构建环境，能够自动化持续构建web前端项目代码，及发布到远程相应的环境。但现实中一个这样工具完全不能满足Web前端开发团队的需求，具体的不足如下：

首先，多人如何协同开发代码？例如a写com.js，b写m1.js 里面import了com.js模块，c写p.js里面import了com.js及m1.js 。

其次，如何减少页面中对js、css内容的请求次数。比如现在一个页面引用了1.css,2.css及1.js,2.js.浏览器需要向服务端发起4次请求，如何将4次请求变成两次请求。

最后，没有相关的单元测试配套环境。基于Js css代码模块化开发及自动化编译发布系统）开发出来的产品能很好的解决以上问题。

目前解决上述不足之处的现有技术的缺点如下：

首先，Jenkins是基于java语言实现的持续化构建平台，适合大部分后台团队，但不适合Web前端开发团队。Jenkins持续构建不能按需构建包含正确内容的版本：编译构建过程中开发人员不能按需替换代码中的内容。比如同一分css代码中的图片地址域名在不同生产环境内容可能不一样，使用jenkins不能灵活按需编译构建需要的版本。

其次，不能对模块化的js、css代码进行编译构建，不能解决代码文件中的相互引用造成代码冗余。

当web前端开发人员/团队在复杂的环境下进行项目开发、发布时，没有一个完整易用的项目代码管理和发布版本及环境维护管理平台工具。这个工具需要从源代码、到编译、到单元测试、到构建线上版本管理、到发版行为记录管理中的每个步骤进行追踪查询。

发明内容

本发明提供的web前端代码自动化编译构建的模块化开发和发布系统用于解决js语言css语言本身不够灵活的现状，使得web前端开发人员能像后台开发人员使用其它高级语言一样，灵活使用js、css语言进行模块化开发编译集成。及对Web前端代码可进行持续化自动化构建发布管理，提高web前端开发人员的工作效率及团队间的协同工作能力。同时，还解决传统的一个页面需要引用多个js/css资源文件，降低浏览器对资源的请求次数，减轻服务压力。

本发明提供一种web前端代码自动化编译构建的模块化开发和发布系统，所述系统包括web前端代码编译器模块，持续构建和发布管理模块和版本管理中心，其中，所述web前端代码编译器模块扩展js 语言和css语言的关键字，使得所述js语言和所述css语言具备高级语言的特征。

在上述任一方案中优选的是，所述高级语言的特征为代码组织编写和/或代码组织编译。

在上述任一方案中优选的是，所述扩展js 语言和css语言的关键字为import关键字。

在上述任一方案中优选的是，所述web前端代码编译器模块通过所述扩展所述js语言和所述css语言的关键字，还能够使得所述js语言和所述css语言具备配置文件访问的能力。

在上述任一方案中优选的是，所述持续构建和发布管理模块通过脚本实现自动化持续构建。

在上述任一方案中优选的是，所述持续构建和发布管理模块调用编译器产生编译构建后的正确代码。

在上述任一方案中优选的是，所述持续构建和发布管理模块自动提交到所述版本管理中心。

在上述任一方案中优选的是，所述版本管理中心进行版本管理和发布管理。

附图说明

为了使本发明便于理解，现在结合附图描述本发明的具体实施例。

图1示出了本发明一优选实施例的工作流程图。