[发明专利]一种前端工程自动化构建系统

权利要求书

1.一种前端工程自动化构建系统，其特征在于，包括：

获取单元，用于获取用户创建的工程，所述工程包括源代码目录和输出代码目录，所述源代码目录包括超级文本标记语言HTML文件；

构建单元，用于构建所述源代码目录中的文件；

注入单元，用于将构建后的文件拷贝到所述输出代码目录，并将构建后的相应文件引用注入到所述HTML文件中。

2.根据权利要求1所述的系统，其特征在于，所述源代码目录中的文件包括JavaScript文件、层叠样式表CSS文件及图片文件；则所述构建单元具体包括：

JavaScript文件构建单元，用于合并所述JavaScript文件，并为其添加版本号；

CSS文件构建单元，用于编译所述CSS文件，并为其添加版本号；

图片构建单元，用于为所述图片文件添加版本号。

3.根据权利要求2所述的系统，其特征在于，在合并所述JavaScript文件之后，为其添加版本号之前，所述JavaScript文件构建单元还用于压缩所述JavaScript文件。

4.根据权利要求2所述的系统，其特征在于，在编译所述CSS文件之后，为其添加版本号之前，所述CSS文件构建单元还用于压缩所述CSS文件。

5.根据权利要求1-4任一项所述的系统，其特征在于，所述构建单元为自动化构建工具Gulp。

6.根据权利要求1-4任一项所述的系统，其特征在于，所述构建单元为自动化构建工具Grunt。

7.根据权利要求5所述的系统，其特征在于，当所述工程为多个且各个所述工程中的源代码目录中的文件构建完成后，所述将构建后的相应文件引用注入到所述HTML文件中之前，所述注入单元还用于拷贝各个所述工程的输出代码目录中的代码，将其合并到一个目录中。

8.根据权利要求1所述的系统，其特征在于，所述工程还包括测试代码目录，所述源代码目录中的文件包括JavaScript文件、CSS文件及图片文件；则：

所述构建单元包括CSS文件构建单元，用于编译所述CSS文件；

所述注入单元还用于将所述JavaScript文件、所述图片文件及编译后的所述CSS文件拷贝到所述输出代码目录，并将所述JavaScript文件及编译后的所述CSS文件引用注入到所述HTML文件中；还用于将所述测试代码目录中的代码注入到所述HTML文件中；

监听单元，用于在启动本地服务后，开启源代码和测试代码监听，若所述源代码和/或所述测试代码变动时，将变动代码拷贝到所述输出代码目录中，并重启本地服务。