基于nodejs的express前端自动化构建方法技术

本发明专利技术公开了一种基于nodejs的express前端自动化构建方法，步骤如下：步骤一，安装开发环境、构件工具和网站服务开发框架；步骤二，安装构件工具的包管理工具，获取文件流并创建虚拟文件对象流，将文件流导入至包管理工具中进行处理，把处理后文件流中的内容输出至文件中；步骤三，开发时，构件工具监控静态资源处理、开发环境的脚本语言处理、开发环境的样式语言处理和超文本标记语言处理的变化，将非开发环境的样式语言转换成开发环境的样式语言；步骤四，网站服务开发框架作为网页服务器启动网页服务，配置前端路由；步骤五，构件工具完成前端打包。本发明专利技术引入自动化构建来进行开发，开发工作量小，优化简单、发布方便。

Node js-based express front-end automation construction method

The invention discloses an express front-end automation construction method based on nodejs, which comprises the following steps: first, installing the development environment, component tools and website service development framework; second, installing package management tools of component tools, obtaining file streams and creating virtual file object streams, importing file streams into package management tools for processing, and inputting the processed file streams into the package management tools. Step 3: Component tools monitor static resource processing, script language processing of development environment, style language processing of development environment and hypertext markup language processing of development environment, and convert non-development environment style language into development environment style language. Step 4: Web service development framework starts web service as web server. Configure front-end routing; Step 5: Component tools complete front-end packaging. The invention is developed by introducing automatic construction, which has the advantages of small development workload, simple optimization and convenient release.

【技术实现步骤摘要】
基于nodejs的express前端自动化构建方法
本专利技术涉及计算机软件的
，特别涉及一种基于nodejs的express前端自动化构建方法。
技术介绍
现在前端技术的发展，让前端开发不仅仅局限于静态网页的开发，前端代码逻辑也日催复杂，管理繁琐，若按照旧开发方式会导致开发工作量大、优化麻烦、发布困难等问题。
技术实现思路
本专利技术为了解决上述技术问题，而提供一种基于nodejs的express前端自动化构建方法。本专利技术所采取的技术方案是：本专利技术的基于nodejs的express前端自动化构建方法，步骤如下：步骤一，安装开发环境、构件工具和网站服务开发框架；步骤二，安装构件工具的包管理工具，获取文件流并创建虚拟文件对象流，将文件流导入至包管理工具中进行处理，把处理后文件流中的内容输出至文件中；步骤三，开发时，构件工具监控静态资源处理、开发环境的脚本语言处理、开发环境的样式语言处理和超文本标记语言处理的变化，将非开发环境的样式语言转换成开发环境的样式语言；步骤四，网站服务开发框架作为网页服务器启动网页服务，配置前端路由；步骤五，构件工具完成前端打包。所述的步骤三中的静态资源处理为将开发环境的资源内容输出至文件夹内；开发环境的脚本语言处理为将插件的脚本语言、共用的脚本语言和页面自身的脚本语言通过压缩和重命名输出到文件夹目录下；开发环境的样式语言处理为将插件的样式语言、共用的样式语言和页面自身的样式语言通过压缩和重命名输出到文件夹目录下；超文本标记语言处理为监测其本身的改动。所述的步骤四中，先将开发环境中模块目录下视图目录的每个页面文件夹内的配置文件作为每个页面路由的入口，使用脚本模板引擎作为整个页面的骨架，通过路由将文件夹里面所有的超文本标记语言、脚本语言和样式语言以及共用的超文本标记语言、脚本语言和样式语言引入至骨架上，完成浏览器识别的超文本页面。所述的步骤五中，包含以下具体步骤：S1：将打包生成的含有哈希值的脚本语言、样式语言和视图模板清空；S2：通过骨架将超文本标记语言、脚本语言和样式语言以及共用的超文本标记语言、脚本语言和样式语言引入至模板上，生成一个完整的超文本页面S3：将需要合并的多个脚本语言或多个样式语言分别合并成一个脚本语言或样式语言；S4：将共用的样式和页面的名字压缩并添加上哈希值并生成存储数据，存储数据包括哈希值前后的名字，并以键值对显示；S5：根据存储数据将超文本标记语言上旧路径替换为含有存储数据路径，并替换字符串；S6：更改超文本标记语言的后缀名为视图模板，并且删除超文本标记语言文件；S7：删除无哈希值的脚本语言和样式语言。本专利技术具有的优点和积极效果是：本专利技术引入自动化构建来进行开发，开发工作量小，优化简单、发布方便，同时解决语法校验、代码优化、代码编译和静态资源文件的自动打包等问题。附图说明图1是本专利技术的流程示意图。具体实施方式以下参照附图及实施例对本专利技术进行详细的说明。如图1所示，本专利技术的基于nodejs的express前端自动化构建方法，步骤如下：步骤一，安装开发环境、构件工具和网站服务开发框架；步骤二，安装构件工具的包管理工具，获取文件流并创建虚拟文件对象流，将文件流导入至包管理工具中进行处理，把处理后文件流中的内容输出至文件中；步骤三，开发时，构件工具监控静态资源处理、开发环境的脚本语言处理、开发环境的样式语言处理和超文本标记语言处理的变化，将非开发环境的样式语言转换成开发环境的样式语言；步骤四，网站服务开发框架作为网页服务器启动网页服务，配置前端路由；步骤五，构件工具完成前端打包。所述的步骤三中的静态资源处理为将开发环境的资源内容输出至文件夹内；开发环境的脚本语言处理为将插件的脚本语言、共用的脚本语言和页面自身的脚本语言通过压缩和重命名输出到文件夹目录下；开发环境的样式语言处理为将插件的样式语言、共用的样式语言和页面自身的样式语言通过压缩和重命名输出到文件夹目录下；超文本标记语言处理为监测其本身的改动。所述的步骤四中，先将开发环境中模块目录下视图目录的每个页面文件夹内的配置文件作为每个页面路由的入口，使用脚本模板引擎作为整个页面的骨架，通过路由将文件夹里面所有的超文本标记语言、脚本语言和样式语言以及共用的超文本标记语言、脚本语言和样式语言引入至骨架上，完成浏览器识别的超文本页面。所述的步骤五中，包含以下具体步骤：S1：将打包生成的含有哈希值的脚本语言、样式语言和视图模板清空；S2：通过骨架将超文本标记语言、脚本语言和样式语言以及共用的超文本标记语言、脚本语言和样式语言引入至模板上，生成一个完整的超文本页面S3：将需要合并的多个脚本语言或多个样式语言分别合并成一个脚本语言或样式语言；S4：将共用的样式和页面的名字压缩并添加上哈希值并生成存储数据，存储数据包括哈希值前后的名字，并以键值对显示；S5：根据存储数据将超文本标记语言上旧路径替换为含有存储数据路径，并替换字符串；S6：更改超文本标记语言的后缀名为视图模板，并且删除超文本标记语言文件；S7：删除无哈希值的脚本语言和样式语言。本专利技术引入自动化构建来进行开发，开发工作量小，优化简单、发布方便，同时解决语法校验、代码优化、代码编译和静态资源文件的自动打包等问题。本文档来自技高网...

【技术保护点】
1.一种基于nodejs的express前端自动化构建方法，其特征在于：步骤如下：步骤一，安装开发环境、构件工具和网站服务开发框架；步骤二，安装构件工具的包管理工具，获取文件流并创建虚拟文件对象流，将文件流导入至包管理工具中进行处理，把处理后文件流中的内容输出至文件中；步骤三，开发时，构件工具监控静态资源处理、开发环境的脚本语言处理、开发环境的样式语言处理和超文本标记语言处理的变化，将非开发环境的样式语言转换成开发环境的样式语言；步骤四，网站服务开发框架作为网页服务器启动网页服务，配置前端路由；步骤五，构件工具完成前端打包。

【技术特征摘要】
1.一种基于nodejs的express前端自动化构建方法，其特征在于：步骤如下：步骤一，安装开发环境、构件工具和网站服务开发框架；步骤二，安装构件工具的包管理工具，获取文件流并创建虚拟文件对象流，将文件流导入至包管理工具中进行处理，把处理后文件流中的内容输出至文件中；步骤三，开发时，构件工具监控静态资源处理、开发环境的脚本语言处理、开发环境的样式语言处理和超文本标记语言处理的变化，将非开发环境的样式语言转换成开发环境的样式语言；步骤四，网站服务开发框架作为网页服务器启动网页服务，配置前端路由；步骤五，构件工具完成前端打包。2.根据权利要求1所述的基于nodejs的express前端自动化构建方法，其特征在于：所述的步骤三中的静态资源处理为将开发环境的资源内容输出至文件夹内；开发环境的脚本语言处理为将插件的脚本语言、共用的脚本语言和页面自身的脚本语言通过压缩和重命名输出到文件夹目录下；开发环境的样式语言处理为将插件的样式语言、共用的样式语言和页面自身的样式语言通过压缩和重命名输出到文件夹目录下；超文本标记语言处理为监测其本身的改动。3.根据权利要求1所述的基于nodejs的express前端...

【专利技术属性】
技术研发人员：王晋年，
申请(专利权)人：中科遥感科技集团有限公司，
类型：发明
国别省市：天津,12