使用webpack预加载资源

10

我有一个预加载器,它接受一个图像URL数组,并在我的应用程序打开时开始加载文件。每次我在图像上使用require()时,我希望webpack将该图像的URL添加到我的预加载器将使用的数组中。

我的第一反应是创建一个新的loader来与file-loader(我目前正在使用的图像loader)链接在一起。新loader会跟踪我的图像并将它们保存为JS文件中的数组形式,而我的预加载器会导入这个数组。但我意识到这可能行不通,因为预加载器对生成于构建时的文件有依赖性。

我的临时解决方案是先构建项目,从生成的图像目录中生成数组,将其复制回预加载器,然后再次构建。

我感觉有一个更好的方法我忽视了,我正在寻求建议。


你最终找到解决方案了吗? - curly_brackets
1个回答

0

我认为没有更好的解决方案。想要在编译完成后才能完整包含在捆绑包中的资产,这种模式经常出现。我花了一些时间研究,最好的方法是将生成的资产作为webpack的external包含在内,这意味着在运行时单独加载该资产。至少这样webpack仍然知道它并将其识别为依赖项,即使它不是编译的一部分。

几年前我在同一主题上发布了一个问题:Webpack插件:如何在编译后修改和重新解析模块? 有人在那里发布了一个答案,使用webpack的内部来尝试完成这个任务,但我还没有尝试过;可能值得一看。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接