假设代码如下：webpack 会编译生成 user.xxxx.chunk.js 文件。当代码执行到此行时，会知道加载 user.xxxx.chunk.js 文件。这实现了懒加载功能。若传入变量至 import 函数，webpack 无法分析变量值，无法生成对应文件，从而影响运行时加载。使用拼接方式可行，因 webpack 可处理部分动态路径。例如：webpac...
react懒加载import导入路径报错？
在构建项目时，webpack 编译阶段会对代码中的 import() 函数进行解析，将其路径转化为实际文件，以便在代码运行到对应位置时加载特定文件。例如：
假设代码如下：
webpack 会编译生成 user.xxxx.chunk.js 文件。当代码执行到此行时，会知道加载 user.xxxx.chunk.js 文件。这实现了懒加载功能。
若传入变量至 import 函数，webpack 无法分析变量值，无法生成对应文件，从而影响运行时加载。使用拼接方式可行，因 webpack 可处理部分动态路径。例如：
webpack 将尝试打包 "./page" 目录下的所有文件。只要变量 path 值在预期范围，代码可正常运行。
以上内容解释了 import() 函数与懒加载原理，以及动态路径处理方式。
参考资料：
[webpack 的一个 issue]( Error: Cannot find module with dynamic import · Issue #6680 · webpack/webpack)2024-09-12
