一种前端项目构建打包方法、系统、设备及存储介质与流程

本发明属于计算机，具体涉及一种前端项目构建打包方法、系统、设备及存储介质。

背景技术：

1、在it的快速发展中，项目可以高速的交付应用程序是很有必要的。devops是文化理念、实践和工具的结合，在网络通畅的情况下可以极大的提高工作效率，研发只需要关注自己的开发即可。但是在内网之中，因网络的原因，并不具备devops的条件，需要用到原始的部署方式。这需要开发者自己打包、传输文件、解压、完成部署。目前前端构建打包后默认会生成一个文件夹，如：dist文件，随后需要自行进行压缩，然后部署。在这样的方式中，每次都需要手动进行压缩，从而降低了工作效率；因为每次压缩后文件都是同样的名字，系统会自行处理匹配，从而生成不匹配的文件名，可读性差；在部署的时候，因部署文件名称一样，导致每次都会替换，无法保留历史记录。

技术实现思路

1、本发明的目的在于提供一种前端项目构建打包方法、系统、设备及存储介质，以克服现有技术对前端构建打包需要手动压缩，并且压缩后文件匹配可读性差的问题。

2、一种前端项目构建打包方法，包括以下步骤：

3、s1，项目开发完成后，利用系统命令删除系统中原有dist文件，然后再对新完成的项目进行打包生成新的dist文件；

4、s2，从系统初始化的package.json配置文件中的name字段获取项目名称，同时从系统当前日期时间中获取当前时间；

5、s3，根据获取的项目名称、当前时间以及新的dist文件作为压缩文件名称进行自动压缩生成压缩文件包。

6、优选的，在每个前端项目中开发时设置package.json文件，package.json文件配置有配置项目启动、打包命令和声明依赖包。

7、优选的，对新项目进行初始化操作，初始化一个package.jaon文件，该package.jaon文件位于项目的根目录中；package.jaon文件中包括name和version。

8、优选的，修改确定初始化package.jaon配置文件中的name为该项目的项目名称；项目初始化采用react或vue进行初始化。

9、优选的，项目名称的长度小于或等于214个字符。

10、优选的，针对package.json文件中的name字段从使用fs库获取项目名称；采用dayjs库从系统当前日期时间中获取当前时间。

11、优选的，进行自动压缩打包处理，以根据获取的项目名称、当前时间以及新的dist文件生成压缩文件名称，格式为：dist-项目名称-时间格式-压缩文件后缀。

12、一种前端项目构建打包系统，包括：初始化模块以及压缩打包模块；

13、其中，初始化模块用于从系统初始化的package.json配置文件中的name字段获取项目名称，同时从系统当前日期时间中获取当前时间，同时在项目开发完成后，利用系统命令删除系统中原有dist文件，然后再对新完成的项目进行打包生成新的dist文件；

14、压缩打包模块，用于根据获取的项目名称、当前时间以及新的dist文件作为压缩文件名称进行自动压缩生成压缩文件包。

15、一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述前端项目构建打包方法的步骤。

16、一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述前端项目构建打包方法的步骤。

17、与现有技术相比，本发明具有以下有益的技术效果：

18、本发明一种前端项目构建打包方法，利用系统命令删除系统中原有dist文件，然后再对新完成的项目进行打包生成新的dist文件，打包过程中，从package.json配置文件中的name字段获取项目名称，同时从系统当前日期时间中获取当前时间，根据获取的项目名称、当前时间以及新的dist文件作为压缩文件名称进行自动压缩生成压缩文件包，从而完成项目开发完成后自动打包工作；本发明根据配置文件中的name字段获取项目名称以及当前时间，进行自动压缩打包处理，能够实现自动构建，不需要人工打包操作，并且能够实现文件重命名，大大提高了项目开发完成后打包的效率，同时根据当前时间生成压缩文件，避免不同项目开发完成压缩命名难以区别的问题。

技术特征：

1.一种前端项目构建打包方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的一种前端项目构建打包方法，其特征在于，在每个前端项目中开发时设置package.json文件，package.json文件配置有配置项目启动、打包命令和声明依赖包。

3.根据权利要求2所述的一种前端项目构建打包方法，其特征在于，对新项目进行初始化操作，初始化一个package.jaon文件，该package.jaon文件位于项目的根目录中；package.jaon文件中包括name和version。

4.根据权利要求3所述的一种前端项目构建打包方法，其特征在于，修改确定初始化package.jaon配置文件中的name为该项目的项目名称；项目初始化采用react或vue进行初始化。

5.根据权利要求4所述的一种前端项目构建打包方法，其特征在于，项目名称的长度小于或等于214个字符。

6.根据权利要求4所述的一种前端项目构建打包方法，其特征在于，针对package.json文件中的name字段从使用fs库获取项目名称；采用dayjs库从系统当前日期时间中获取当前时间。

7.根据权利要求6所述的一种前端项目构建打包方法，其特征在于，进行自动压缩打包处理，以根据获取的项目名称、当前时间以及新的dist文件生成压缩文件名称，格式为：dist-项目名称-时间格式-压缩文件后缀。

8.一种前端项目构建打包系统，其特征在于，包括：初始化模块以及压缩打包模块；

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

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述前端项目构建打包方法的步骤。

技术总结
本发明公开了一种前端项目构建打包方法、系统、设备及存储介质，利用系统命令删除系统中原有dist文件，然后再对新完成的项目进行打包生成新的dist文件，打包过程中，从package.json配置文件中的name字段获取项目名称，同时从系统当前日期时间中获取当前时间，根据获取的项目名称、当前时间以及新的dist文件作为压缩文件名称进行自动压缩生成压缩文件包，从而完成项目开发完成后自动打包工作；本发明根据配置文件中的name字段获取项目名称以及当前时间，进行自动压缩打包处理，能够实现自动构建，不需要人工打包操作，并且能够实现文件重命名，大大提高了项目开发完成后打包的效率，同时根据当前时间生成压缩文件，避免不同项目开发完成压缩命名难以区别的问题。

技术研发人员：代斌,李小翔,冯帆,杨永前,王志伟,王宝岳
受保护的技术使用者：中国华能集团清洁能源技术研究院有限公司
技术研发日：
技术公布日：2024/1/13