我使用 webpack 3 和文件加载器。我需要一个复制目录“ / images / **”，其相对路径和文件都与我的构建目录相同。
例如：
我有'src / images / icon / ' ，'src / images / bg / '，'src / images / temp / *'等。 我需要在'dist / images'中复制相同的结构吗？
我该怎么做...因为现在使用的所有选项仅创建一个目录“图像” ，而我找不到复制其中包含所有文件的所有结构的方法。 “文件加载器”可以做到吗？
{
test: /\.(png|jpg|gif|svg)$/,loader: 'file-loader',options: {
outputPath: 'images',}
}
谢谢
解决了。也许对某人有帮助。
秘密在于了解“文件加载器”和“ webpack-copy-plugin”之间的区别。
—“ 文件加载器”可用于您从js / css等调用的文件（例如，在css的后台） —“ webpack-copy-plugin ”适用于“复制内容”和“复制位置”之类的规则。
因此，对于我来说，我需要使用“ webpack-copy-plugin”来解决问题。
但是，我还必须配置'file-loader'以使用默认配置保存文件名而不散列。
这是我的情况：
module: {
rules: [
{
test: /\.(png|jpg|gif|svg)$/,loader: 'file-loader',options: {
name: 'images/[name].[ext]',publicPath: 'images',outputPath: 'images'
}
}
]
},plugins: [
{
from: 'src/images',to: 'images',force: true
}
])
],此设置完全保存了具有图像路径依赖性及其名称的源代码