Webpack 网页包文件加载器复制文件

我正在使用webpack，它的+发射文件到我的输出目录。它的工作原理几乎与预期的一样，因为它还复制了这些文件

这是我的

webpack.config.js

文件的一部分：

module.exports={
模块：{
规则：[
{test://\.html$/，使用：[“html加载程序”]}，
{
测试：/\（巴布亚新几内亚），
使用：{
加载器：“文件加载器”，
选项：{
名称：“[name].[ext]”，
输出路径：“img”，
},
},
},
],
},
};

下面是我的输出目录的一个小示例：

dist/
- img/
   - img1.png
   - img2.png
- ab0d12.png
- c3d612.png
- index.html
- bundle.js

两个带有散列名称的图像是

img/

目录中的图像不需要的重复。正如您在上面的示例中所看到的，我甚至没有将名称设置为散列，也无法以任何方式打开重复的文件

我正在使用一些插件，如

HtmlWebpackPlugin

或

CleanWebpackPlugin

，但我相信它们不会造成问题

版本：

• 网页包

  5.28.0

• 文件加载器

  6.2.0

• html加载程序

  2.1.2

---

经过长时间的搜索，我遇到了一个与我的问题非常相似的问题，但是，文件重复的原因是不同的

在版本5中，webpack作为

原始加载程序

、

url加载程序

和

文件加载程序

的替代品，现在默认情况下运行：

资产模块是一种允许用户在不配置其他加载程序的情况下使用资产文件（字体、图标等）的模块类型

每次webpack开始绑定我的项目时，

资产/资源

和

文件加载程序

都同时运行，导致重复

---

最后，我所要做的就是从

webpack.config.js

文件中删除

文件加载器

，并将

output.assetModuleFilename

设置到我的desire输出目录。

您能在导入这些图像的地方显示.html或.js文件吗？捆绑前，

img1.png

和

img2.png

存储在哪里？@superhawk610图像存储在

img/

dir中的

src/

dir中。我正在使用

src

属性导入它们：

。