【 狗拿耗子webpack - require, 一文解决动态加载问题】

场景

我们有个使用场景 ，程序启动时，把文件路径传入，再去加载这个文件。项目整体是采用webpack打包，本以为会顺利，直到…

问题

编译时的警告 和 运行时的报错，
编译时警告 warning： Critical dependency: the request of a dependency is an expression
运行时报错 error ： Cannot find module ‘XXX’.

分析

查了些资料，webpack打包本身不支持动态加载。打包时，webpack会进行打包分析 ，无论是import 还是 require的路径内容，都必须要在编译时就找到，否则打包后 路径就有问题，但是有些场景，只有在运行时才能确定文件的加载路径。

划重点， 无论import / require ，也不管你啥场景，webpack编译时 就必须要知道你引入的文件路径。这样想运