1

我正在设置 Webpack 5,目前正在配置静态图像的资产管理,我想将这些图像从我的 src 文件夹复制到我的 dist 文件夹。我想保留我的 /img 文件夹的文件结构,因为它复制到 dist 文件夹,但我遇到的问题是我试图删除部分路径占位符。我想要实现的目标是可能的吗?

我的规则如下:

  {
        test: /\.(png|svg|jpg|gif)$/,
        type: 'asset/resource',
        generator: {
            filename: '[path][name].[ext]?[hash]',
        }
  },

但是,当文件被复制时,因为我将 [path] 占位符作为名称的一部分,所以文件将类似于 /src/img/[name].[extension]?[hash]。我想保持路径的其余部分完好无损,因为某些图像具有 /src/img/favicons/[name].[extension]?[hash] 之类的路径,我觉得 dist 文件夹应该保持这种结构。最终目标是让上面提到的 2 个文件在此路径中不包含文件名的 /src 部分。

4

0 回答 0