[发明专利]一种文件重定向方法、代码加载控制方法及装置

说明书

本发明实施例提供一种文件重定向方法、代码加载控制方法及装置，该文件重定向方法包括：在webpack的beforeResolve生命周期添加钩子函数接收包括相对于当前加载资源的绝对路径的相对路径的项目资源加载对象；利用callback函数获取项目资源加载对象中待进行文件重定向的待重定向项目资源加载对象，并将其相对路径替换为预设相对路径，返回更新后的待重定向项目资源加载对象或空值，实现文件重定向。本发明实施例提供的文件重定向方法、代码加载控制方法及装置，可实现对于不需加载的代码资源进行文件重定向，避免相应代码资源的加载，提高编译效率、开发效率及页面打开速度。

技术领域

本发明涉及计算机技术领域，具体涉及一种文件重定向方法、代码加载控制方法及装置。

背景技术

前端开发过程中，webpack(一种代码编译工具)会对资源依赖解析，顺序打包，项目文件中只要引入其他文件，webpack都会对其读写操作。有些第三方包，依赖加载了项目不需要的文件，会直接影响生产环境构建发布的速度、页面加载的性能，会直接影响开发阶段的效率。

比如，在大型前端项目的开发过程中，页面数量多，代码量庞大；工程化的前端项目每次启动都会加载全量的代码，导致启动慢、代码编译速度慢，经常超出节点内存限制，内存溢出出现闪退现象，严重影响开发效率。

发明内容

为解决现有技术中的问题，本发明实施例提供一种文件重定向方法、代码加载控制方法及装置。

第一方面，本发明实施例提供一种文件重定向方法，该方法包括：在webpack的beforeResolve生命周期阶段添加钩子函数，所述钩子函数用于接收项目资源加载对象，所述项目资源加载对象的信息包括相对于当前加载资源的绝对路径的相对路径；利用callback函数获取所述项目资源加载对象中待进行文件重定向的待重定向项目资源加载对象，并将所述待重定向项目资源加载对象的所述相对路径替换为预设相对路径，返回更新后的所述待重定向项目资源加载对象或返回空值，从而实现文件重定向；其中，所述待重定向项目资源加载对象至少为一个。

进一步地，所述预设相对路径为空路由文件所对应的所述相对路径。

进一步地，所述利用callback函数获取所述项目资源加载对象中待进行文件重定向的待重定向项目资源加载对象，包括：通过process.env.npm_config_message变量获取调用方程序通过npm start-m命令设置的当前开发模块的模块路由名称，从而获取当前开发模块的项目资源加载对象；再通过正则表达式匹配获取非当前开发模块所对应的项目资源加载对象，将所述非当前开发模块所对应的项目资源加载对象作为所述待重定向项目资源加载对象。

进一步地，所述利用callback函数获取所述项目资源加载对象中待进行文件重定向的待重定向项目资源加载对象，包括：在所述callback函数预先写好所述待进行文件重定向的待重定向项目资源加载对象。

进一步地，所述方法还包括：通过调用checkIgnore函数，并在所述checkIgnore函数内部调用所述callback函数实现文件重定向。

第二方面，本发明实施例提供一种基于上述重定向方法的代码加载控制方法，该方法包括：将路由文件按照功能模块分类拆分后，统一引入主路由文件，所述主路由文件对应的路径为绝对路径；新建一个空路由文件，将所述空路由文件相对于所述绝对路径的相对路径作为预设相对路径；接收钩子函数获取的项目资源加载对象，并将不需进行代码加载的项目资源加载对象作为待重定向项目资源加载对象；根据需要进行代码加载的项目资源加载对象及callback函数返回的更新后的待重定向项目资源加载对象进行代码加载，或，根据需要进行代码加载的项目资源加载对象及callback函数返回的空值进行代码加载。