使用webpack预加载资产
我有一个预加载程序,它获取一系列图像URL,并在我的应用程序打开后立即开始加载文件。每次在图像上使用require()时,我都希望webpack将该图像的URL添加到预加载程序将使用的数组中 我的第一个倾向是创建一个新的加载器,与文件加载器(我目前用于图像)链接在一起。新的加载程序将跟踪我的图像,并将它们以数组的形式保存到JS文件中,我的预加载程序将导入该文件。但我意识到这可能行不通,因为预加载程序将依赖于在构建时生成的文件 我的权宜之计是构建一次项目,从生成的映像目录生成数组,将其复制回预加载程序,然后再次构建使用webpack预加载资产,webpack,preload,image-preloader,Webpack,Preload,Image Preloader,我有一个预加载程序,它获取一系列图像URL,并在我的应用程序打开后立即开始加载文件。每次在图像上使用require()时,我都希望webpack将该图像的URL添加到预加载程序将使用的数组中 我的第一个倾向是创建一个新的加载器,与文件加载器(我目前用于图像)链接在一起。新的加载程序将跟踪我的图像,并将它们以数组的形式保存到JS文件中,我的预加载程序将导入该文件。但我意识到这可能行不通,因为预加载程序将依赖于在构建时生成的文件 我的权宜之计是构建一次项目,从生成的映像目录生成数组,将其复制回预加载
我觉得有一个更好的方法我忽略了,我正在寻找建议。我认为没有更好的解决方案。这种希望在bundle中包含一些只有在编译完成后才能完成的内容的模式经常出现。我花了一段时间研究它,我想到的最好的方法是将生成的资产作为一个网页
外部
,这意味着在运行时分别加载该资产。至少在这种情况下,webpack仍然知道它,并将它视为一个依赖项,即使它不是编译的一部分
几年前,我在同一个主题上发布了一个问题:有人在那里发布了一个答案,该答案使用了webpack的内部结构,以一种我还没有尝试过的方式来实现这一点;可能值得一看。您有没有找到解决方案?