基于webpack的代码管理方法及其装置、存储介质与流程

技术特征：
1.一种基于webpack的代码管理方法，其特征在于，包括：预配置环境变量module_name，其中，所述module_name＝modulename，所述modulename为待执行打包或运行的当前代码模块；在webpack的loader配置中建立预处理文件，以通过所述预处理文件将webpack中的打包结果内容字符串pai_module_name替换为所述环境变量module_name；在vue-router的初始化配置文件中导入替换后的所述打包结果内容字符串pai_module_name；将目标路由信息添加到所述当前代码模块的路由配置中，其中，所述目标路由信息为所述modulename对应的router文件中所记录的路由信息。2.根据权利要求1所述的基于webpack的代码管理方法，其特征在于，所述当前代码模块由以下步骤构建得到：在package.json的执行脚本scripts配置项中，生成开发环境的第一命令和生产环境的第二命令；将所述环境变量module_name分别添加到所述第一命令和所述第二命令中；在router文件夹中添加目标路由表项；基于所述第一命令、所述第二命令和所述目标路由表项，构建得到所述当前代码模块。3.根据权利要求2所述的基于webpack的代码管理方法，其特征在于，在构建得到所述当前代码模块之后，还包括：增加与所述当前代码模块对应的模块文件夹，以通过所述模块文件夹对所述当前代码模块进行开发迭代。4.根据权利要求3所述的基于webpack的代码管理方法，其特征在于，当所述当前代码模块为多个时，各个所述当前代码模块对应的所述模块文件夹不相同。5.根据权利要求2所述的基于webpack的代码管理方法，其特征在于，所述目标路由表项配置为`modulename.js`文件。6.根据权利要求1所述的基于webpack的代码管理方法，其特征在于，所述在webpack的loader配置中建立预处理文件之前，还包括：在webpack配置中读取所述环境变量module_name。7.根据权利要求1所述的基于webpack的代码管理方法，其特征在于，所述预配置环境变量module_name，包括：基于node包管理器的跨平台设置脚本cross-env预配置环境变量module_name。8.一种基于webpack的代码管理装置，其特征在于，包括：预配置模块，用于预配置环境变量module_name，其中，所述module_name＝modulename，所述modulename为待执行打包或运行的当前代码模块；预处理模块，用于在webpack的loader配置中建立预处理文件，以通过所述预处理文件将webpack中的打包结果内容字符串pai_module_name替换为所述环境变量module_name；导入模块，用于在vue-router的初始化配置文件中导入替换后的所述打包结果内容字符串pai_module_name；路由配置模块，用于将目标路由信息添加到所述当前代码模块的路由配置中，其中，所述目标路由信息为所述modulename对应的router文件中所记录的路由信息。
9.一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至7中任意一项所述的代码管理方法。10.计算机可读存储介质，其特征在于，存储有计算机可执行指令，所述计算机可执行指令用于执行权利要求1至7中任意一项所述的代码管理方法。

技术总结
本申请实施例提供了一种基于webpack的代码管理方法及其装置、存储介质，属于计算机处理技术领域。该方法包括：预配置环境变量MODULE_NAME，其中，MODULE_NAME＝moduleName，moduleName为待执行打包或运行的当前代码模块；在webpack的loader配置中建立预处理文件，以通过预处理文件将webpack中的打包结果内容字符串PAI_MODULE_NAME替换为环境变量MODULE_NAME；在vue-router的初始化配置文件中导入替换后的打包结果内容字符串PAI_MODULE_NAME；将目标路由信息添加到当前代码模块的路由配置中，其中，目标路由信息为moduleName对应的router文件中所记录的路由信息。本申请实施例通过webpack和vue框架的自身功能实现符合要求的项目管理机制，方便于组件复用、工具复用，可以同时提升代码管理和项目开发效率，降低代码管理成本，提升代码仓库的管理灵活度。的管理灵活度。的管理灵活度。


技术研发人员：王潇
受保护的技术使用者：中国平安人寿保险股份有限公司
技术研发日：2022.08.09
技术公布日：2022/12/16