一种项目的分包打包方法及系统技术方案

本发明专利技术提供了一种项目的分包打包方法及系统，该方法包括基于预先利用Vue和Webpack完成的webbpack配置文件、package.json文件和文件目录对目标项目执行打包构建命令，得到构建好的子项目分包。在本方案中，基于Vue和Webpack配置的配置文件执行打包构建命令将大项目拆分为若干小项目，且确保每个子项目具有独立的生命周期，大大提高了项目的可维护性和扩展性。

【技术实现步骤摘要】

本专利技术涉及数据处理，尤其涉及一种项目的分包打包方法及系统。

技术介绍

1、产品或系统在随着业务的发展和迭代过程中，其前端工程内包含的代码量和逻辑也愈加复杂，而日益扩大的工程对于项目的启动时间、打包时间、可维护性、用户体验等有着直接影响。

2、在项目开发时，现有技术方案会将所有页面共用main.js、router和store，所有页面都存放在同一个pages文件夹下；在项目构建时，现有技术方案会将所有代码统一打包成一个bound.js文件。基于此，基于此，首先，现有技术部署的客户端必须等待整个项目或应用的代码包都加载完毕才能启动运行；其次，现有技术是将所有资源都打成一个包，如有迭代需求，即使修改一个字符，客户端都需要重新下载整个代码包，缓存命中率极低。其次，现有技术所有业务运行都在同一个主包中，不论访问是独立模块还是公共模块，都需要先下载主包。

3、综上所述，现有的项目存在维护性和扩展性差的问题。

技术实现思路

1、有鉴于此，本专利技术实施例提供一种项目的分包打包方法及系统，以解决采本文档来自技高网...

【技术保护点】

1.一种项目的分包打包方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，在所述vue.config.js文件中配置对所述Vue项目进行分包打包时所需的关键代码，得到webbpack配置文件，包括：

3.根据权利要求2所述的方法，其特征在于，还包括：

4.根据权利要求1所述的方法，其特征在于，所述创建子项目文件夹，以及配置子项目路由文件，得到完成配置的文件目录，包括：

5.根据权利要求1至4中任一项所述的方法，其特征在于，配置package.json文件，得到完成配置的package.json文件，包括：

...

【技术特征摘要】

1.一种项目的分包打包方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，在所述vue.config.js文件中配置对所述vue项目进行分包打包时所需的关键代码，得到webbpack配置文件，包括：

3.根据权利要求2所述的方法，其特征在于，还包括：

4.根据权利要求1所述的方法，其特征在于，所述创建子项目文件夹，以及配置子项目路由文件，得到完成配置的文件目录，包括：

5.根据权利要求1至4中任一项所述的方法，其特征在于，配置package....

【专利技术属性】
技术研发人员：陈杰，
申请(专利权)人：中国农业银行股份有限公司，
类型：发明
国别省市：

全部详细技术资料下载 我是这个专利的主人