Javascript 如何使用文件加载器在dist中以相同的方式重复和复制src目录路径？

我使用webpack3和文件加载器。我需要一个副本目录“/images/**”，该目录与我的构建目录具有相同的相对路径和文件

例如：

我有'src/images/icon/'，'src/images/bg/'，'src/images/temp/*'等。 我需要在我的“dist/images”中复制相同的结构

我该怎么做。。。因为现在我使用的任何选项都只是创建一个目录'images'，我找不到复制包含所有文件的所有结构的方法。“文件加载器”能做到吗

{
    test: /\.(png|jpg|gif|svg)$/,
    loader: 'file-loader',
    options: {
        outputPath: 'images',
    }
}

---

谢谢

解决了这个问题。也许这对某人有帮助

秘密在于理解“文件加载器”和“网页复制插件”之间的区别

-“文件加载器”“处理您从js/css等调用的文件（例如，在css的后台） -“webpack copy plugin”适用于“复制内容”和“复制位置”等规则

所以，就我的情况而言，我需要使用“网页包复制插件”来解决这个问题

但是，我还必须配置“文件加载器”，以使用默认配置保存文件名，而不使用哈希

因此，我的情况如下：

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
        }
    ])
],

---

此设置可完全保存源代码中的图像路径依赖项及其名称

您可以提供自定义函数来根据需要操作路径。请参考提供示例的码头：谢谢！但我用另一种方式。我必须用另一种工具。在下面的评论中，我明白了。我不知道你真的想不经进一步处理就复制。那么网页副本就是适合你的！