[发明专利]一种前端页面应用的开发方法、装置及相关设备

权利要求书

1.一种前端页面应用的开发方法，其特征在于，包括步骤：

获取基于Vue开发的源文件；

读取所述源文件所有页面的索引文件，解析所述索引文件得到语法树；

基于预设的处理规则替换所述语法树中的标签，得到符合freemarker语法标签的待处理文件；

将所述待处理文件进行打包；

利用所述待处理文件构建web模块化程序。

2.根据权利要求1所述的前端页面应用的开发方法，其特征在于，所述获取基于Vue开发的源文件的步骤包括：

通过数据异步请求的方式，获取本地开发环境的源文件。

3.根据权利要求1所述的前端页面应用的开发方法，其特征在于，所述读取所述源文件所有页面的索引文件，解析所述索引文件得到语法树的步骤之前，还包括步骤：

判断所述源文件中是否包含图片文件；

若包含图片文件，则对图片进行预处理，生成带hash名称的图片文件。

4.根据权利要求3所述的前端页面应用的开发方法，其特征在于，所述对图片进行预处理，生成带hash名称的图片文件的步骤包括：

通过fs文件系统API读取源文件assets目录下的所有图片；

生成临时的所述图片文件；

通过webpack处理生成所述带hash名称的图片文件。

5.根据权利要求1所述的前端页面应用的开发方法，其特征在于，所述基于预设的处理规则替换所述语法树中的标签，得到符合freemarker语法标签的待处理文件的步骤包括：

将所述语法树中的style标签直接转换成index.scss文件；

使用babel工具对所述语法树中的script标签进行处理，生成index.js文件。

6.根据权利要求5所述的前端页面应用的开发方法，其特征在于，所述基于预设的处理规则替换所述语法树中的标签，得到符合freemarker语法标签的待处理文件的步骤还包括：

将所述语法树中的html/template标签转换为freemarker语法的.html文件。

7.根据权利要求3所述的前端页面应用的开发方法，其特征在于，所述利用所述待处理文件构建web模块化程序的步骤之后还包括以下步骤：

复制所述带hash名称的图片文件；

删除.html后缀的文件；

向.ftl后缀的文件注入预设的注入信息。

8.一种前端页面应用的开发装置，其特征在于，包括：

源文件获取模块，用于获取基于Vue开发的源文件；

语法树模块，用于读取所述源文件所有页面的索引文件，解析所述索引文件得到语法树；

标签转换模块，用于基于预设的处理规则替换所述语法树中的标签，得到符合freemarker语法标签的待处理文件；

文件打包模块，用于将所述待处理文件进行打包；

模块化程序构建模块，用于利用所述待处理文件构建web模块化程序。

9.一种计算机设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至7中任一项所述的前端页面应用的开发方法中的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的前端页面应用的开发方法中的步骤。