申请/专利权人：安徽以萨数据技术有限公司

申请日：2020-02-25

公开（公告）日：2024-03-19

公开（公告）号：CN111273898B

主分类号：G06F8/30

分类号：G06F8/30;G06F8/41;G06F8/71

优先权：

专利状态码：有效-授权

法律状态：2024.03.19#授权;2020.07.07#实质审查的生效;2020.06.12#公开

摘要：本发明实施例公开了一种web前端代码自动化构建方法、系统及存储介质，方法包括：接收用户输入的配置项，创建项目目录、生成目录约定及生成模板文件；根据模板文件及配置项自动安装需要的依赖程序；根据项目目录、目录约定和模板文件进行模块打包及代码编译，得到处理结果；将处理结果进行代码发布。实施本发明实施例，优点如下：1简化流程，不需要频繁配置与修改，完全按照约定自动读取文件生成配置；2自动构建，减少工作量的同时，降低了出错率；3在组件化和模块化的指导思想下，对前端资源进行构建，有利于项目的开发与维护；4支持多页面项目，可以配合后端模板引擎使用；5优化了前端资源，提升了性能。

主权项：1.一种BS架构下的web前端代码自动化构建方法，其特征在于，包括：目录创建及模板生成步骤：接收用户输入的配置项，并根据所述配置项创建项目目录、生成目录约定及生成模板文件；自动安装步骤：根据所述模板文件及所述配置项自动安装需要的依赖程序；模块打包及代码编译步骤：根据所述项目目录、目录约定和模板文件进行模块打包及代码编译，得到处理结果；代码发布步骤：将所述处理结果进行代码发布；其中，模块打包及代码编译过程包括开发模式和生产模式；开发模式下，在node.js的运行环境下进行代码打包与编译，根据所述目录约定生成入口文件；对所述前端资源进行识别，得到待加载页面；根据所述入口文件，将处理结果自动插入所述待加载页面上；若监听到前端资源发生变化，则获取当前修改文件，并对所述当前修改文件进行模块打包及代码编译，其中，所述前端资源发生变化包括html、javascript、css、图片资源或视频资源发生变化；所述入口文件包括单页面的路由配置和多页面的路由配置，根据所述目录约定生成入口文件具体包括：若开发页面为单页面，则按照单页面的目录约定进行开发，生成单页面的路由配置；单页面路由由前端JavaScript控制，使用单页面路由时，所有逻辑和业务都在一个页面上，当切换路由时，大部分页面结构不变，只改变页面部分内容；若开发页面为多页面，则按照多页面的目录约定进行开发，生成多页面的路由配置；多页面路由由本地服务器控制，通过用户请求的URL导航到具体的页面，每跳转到不同的URL，都是重新访问服务端，服务端返回页面；在生产模式下，如果是多页面应用，则打包与编译过程会省去自动生成路由规则的步骤。

全文数据：

权利要求：

百度查询： 安徽以萨数据技术有限公司 web前端代码自动化构建方法、系统及存储介质

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD