[发明专利]一套前端代码生成多个运行容器的编译方法

说明书

本发明公开了一套前端代码生成多个运行容器的编译方法，包括(1)编写编译单元；(2)编写配置文件；(3)编译流程运行机制；(4)运行步骤(3)中编译好的流程。本发明提供一套前端代码生成多个运行容器的编译方法，通过一种规范的配置数据、一套统一的编译单元开发规范以及一套将这些编译流程组合的机制，实现一套前端代码可以根据业务对运行环境的要求，通过一个简单的命令和一个配置文件将源代码生成为不同形态的运行时代码。

技术领域

本发明属于计算机领域，具体是指一套前端代码生成多个运行容器的编译方法。

背景技术

随着互联网行业的发展，前端业务产生了井喷式的增长，同时一套代码运行多端的需求是不可避免的。比如，一个管理页面，需要同时运行在PC、pad和mobile平台上。另外，企业内部的项目有可能使用多种技术栈，如jquery+arttemplate、recat+redux、angular+mobix、vue+vuex等，这些技术栈的环境搭建和优化需要耗费很多的人力，以及很专业的技术水平。而且从企业整体技术实力沉淀的角度来看，一套统一技术栈工具的存在，即能减少业务开发者花在搭建项目的时间，缩短开发周期，也能直接统一企业内部的前端开发环境，而上述内容也是如今各个企业所缺的。

发明内容

本发明的目的在于克服上述问题，提供一套前端代码生成多个运行容器的编译方法，通过一种规范的配置数据、一套统一的编译单元开发规范以及一套将这些编译流程组合的机制，实现一套前端代码可以根据业务对运行环境的要求，通过一个简单的命令和一个配置文件将源代码生成为不同形态的运行时代码。

本发明的目的通过下述技术方案实现：

一套前端代码生成多个运行容器的编译方法，包括以下步骤：

(1)编写编译单元；

(2)编写配置文件；

(3)编译流程运行机制；

流程运行机制包括定义编译单元的注册表、定义子编译流程、定义主编译流程；

(4)运行步骤(3)中编译好的流程。

步骤(1)中的编译单元是一个类，这个类需要实现一个判断文件是否满足本单元编译条件的方法，接受文件的数据，允许通过同步返回或者异步回调的方式函数，这个类需要是现实一个对文件处理的方法，接受文件的数据，允许通过同步返回或者异步回调的方式将结果转化成流返回给框架；

编译单元为Vue编译单元、Scss编译单元、PC的逻辑编译单元、mobile的逻辑编译单元、Mobile的样式编译单元以及默认编译单元中的一种或多种。

步骤(1)中编译单元的具体判断逻辑和编译逻辑为：

Vue编译单元

判断逻辑：如果文件类型是vue结尾，则返回true；

编译逻辑：调用vue提供的编译器对源码的流进行处理，返回可以运行的js代码的流；

Scss编译单元

判断逻辑：如果文件类型是scss或者css结尾，则返回true；

编译逻辑：调用scss提供的编译器对源码的流进行处理，返回可以运行的css代码的流；

PC的逻辑编译单元

判断逻辑：如果文件类型是js或者vue结尾，则返回true；

编译逻辑：对源码进行ast分析，如果是vue文件，则分析vue中使用的组件，并将PC组件库的源码注入其中，之后将PC端的SDK也注入到源码中。如果是js文件，则直接将SDK注入到源码中；

mobile的逻辑编译单元