webpack：自动需要（或复制）HTML中引用的所有图像？

Question

刚开始使用具有角度1.x应用程序的webpack，我有工作解决方案，但不是要求我的图像（这将迫使他们被复制到构建目录）我希望能够自动解析html，并要求所有IMG标签。

我似乎找到了一个模块，虽然它似乎不再被维护？ https://github.com/webpack/html-loader

我想知道我的选择在这里？

选项是使用webpack复制插件将项目复制到构建目录中，但这意味着我可以复制未使用的内容。

我会很感激任何有见识的人。我刚开始使用webpack，但我目前看到的很棒，虽然它确实需要不同类型的思维来吞咽。

感谢任何帮助或信息。

感谢

Answer 1

我使用HTML的装载机在我的dev的配置和它的作品罚款我需要什么。我不确定你为什么要复制图像，但如果你想要的是需要的图像，html-loader会为你实现。 之后，我使用url装载机是这样的：

{ 
     test: /\.(png|gif|jpe?g)$/i, 
     // if the file have ~50kb or less it's added to DOM as a data atributte, if not it's compressed as an image 
     loader: 'url?limit=50000' 
    }, 

如果图像大于50KB大它复制到我的生成文件夹，如果i'ts小我只是让它成为了DOM作为数据atributte减少了http请求的数量。

我希望这可以帮助你。 Webpack起初确实很难，但一旦你明白它的工作原理，你就永远不会回头。