[发明专利]一种网页前端开发方法及装置

说明书

本发明实施例提供一种网站前端开发方法及装置。该方法包括：建立项目开发目录，对项目开发目录中的静态资源进行实时编译，对编译结果进行优化处理并输出至开发页面，将优化结果上传至测试服务器，将通过测试的优化结果发布至内容分发网络服务器。其中，静态资源包括模块文件，所述模块文件中包括模板文件、JS文件和CSS文件。本发明实施例通过采用上述技术方案，可在本地使用同一个开发工具贯穿完整的web前端开发流程，可用该工具中的命令将每个流程步骤单独处理，且达到了将原本相互分离的各开发过程整合到一起的目的，省去开发过程中在不同工具之间进行切换的繁琐步骤，简单便捷，方便开发人员之间的代码共享和沟通，从而提高开发效率。

技术领域

本发明实施例涉及互联网技术领域，尤其涉及一种网页前端开发方法及装置。

背景技术

随着前端技术在网页web开发中日益重要，前端开发人员在项目中占比越来越大，开发人员之间的代码共享和沟通也越来越重要。然而，web前端开发的内容繁多，用于开发的工具功能单一且质量参差不齐。为了满足整个开发流程中各个步骤的不同需求，需要使用多种开发工具，例如，在对静态文件进行压缩合并时，需要使用不同的文件传输协议(File Transfer Protocol，FTP)软件上传项目中的静态文件至测试服务器等等。不同工具之间的配合能力往往较差，所以会严重影响前端开发人员的工作效率。

发明内容

本发明实施例的目的是提出一种网页前端开发方法及装置，以解决网页前端开发效率较低的问题。

一方面，本发明实施例提供了一种网页前端开发方法，包括：

建立项目开发目录；

对所述项目开发目录中的静态资源进行实时编译；

对编译结果进行优化处理并输出至开发页面；

将优化结果上传至测试服务器；

将通过测试的优化结果发布至内容分发网络服务器；

其中，所述静态资源包括模块文件，所述模块文件中包括模板文件、JavaScript(JS)文件和层叠样式表(Cascading Style Sheets，CSS)文件。

另一方面，本发明实施例提供了一种网页前端开发装置，包括：

目录建立模块，用于建立项目开发目录；

静态资源编译模块，用于对所述项目开发目录中的静态资源进行实时编译；

优化处理模块，用于对编译结果进行优化处理并输出至开发页面；

上传模块，用于将优化结果上传至测试服务器；

发布模块，用于将通过测试的优化结果发布至内容分发网络服务器；

其中，所述静态资源包括模块文件，所述模块文件中包括模板文件、JavaScript文件和层叠样式表文件。

本发明实施例中提供的网页前端开发方案，在建立项目开发目录后，对项目开发目录中的静态资源进行实时编译，其中，静态资源包括包含了模板文件、JS文件和CSS文件的模块文件，实现了对静态资源的模块化编译。随后，对编译结果进行优化处理并输出至开发页面，并上传至测试服务器，最后将通过测试的优化结果发布至内容分发网络服务器。通过采用上述技术方案，可在本地使用同一个开发工具贯穿完整的web前端开发流程，可用该工具中的命令将每个流程步骤单独处理，且达到了将原本相互分离的各开发过程整合到一起的目的，省去开发过程中在不同工具之间进行切换的繁琐步骤，简单便捷，方便开发人员之间的代码共享和沟通，从而提高开发效率。

附图说明

图1为本发明实施例一提供的一种网页前端开发方法的流程示意图；