Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用webpack预加载资产_Webpack_Preload_Image Preloader - Fatal编程技术网

使用webpack预加载资产

使用webpack预加载资产,webpack,preload,image-preloader,Webpack,Preload,Image Preloader,我有一个预加载程序,它获取一系列图像URL,并在我的应用程序打开后立即开始加载文件。每次在图像上使用require()时,我都希望webpack将该图像的URL添加到预加载程序将使用的数组中 我的第一个倾向是创建一个新的加载器,与文件加载器(我目前用于图像)链接在一起。新的加载程序将跟踪我的图像,并将它们以数组的形式保存到JS文件中,我的预加载程序将导入该文件。但我意识到这可能行不通,因为预加载程序将依赖于在构建时生成的文件 我的权宜之计是构建一次项目,从生成的映像目录生成数组,将其复制回预加载

我有一个预加载程序,它获取一系列图像URL,并在我的应用程序打开后立即开始加载文件。每次在图像上使用require()时,我都希望webpack将该图像的URL添加到预加载程序将使用的数组中

我的第一个倾向是创建一个新的加载器,与文件加载器(我目前用于图像)链接在一起。新的加载程序将跟踪我的图像,并将它们以数组的形式保存到JS文件中,我的预加载程序将导入该文件。但我意识到这可能行不通,因为预加载程序将依赖于在构建时生成的文件

我的权宜之计是构建一次项目,从生成的映像目录生成数组,将其复制回预加载程序,然后再次构建


我觉得有一个更好的方法我忽略了,我正在寻找建议。

我认为没有更好的解决方案。这种希望在bundle中包含一些只有在编译完成后才能完成的内容的模式经常出现。我花了一段时间研究它,我想到的最好的方法是将生成的资产作为一个网页
外部
,这意味着在运行时分别加载该资产。至少在这种情况下,webpack仍然知道它,并将它视为一个依赖项,即使它不是编译的一部分


几年前,我在同一个主题上发布了一个问题:有人在那里发布了一个答案,该答案使用了webpack的内部结构,以一种我还没有尝试过的方式来实现这一点;可能值得一看。

您有没有找到解决方案?