Webpack文件加载器复制公共目录

Question

我正在使用Webpack将文件输出到dist文件夹中。

目录结构如下： client/public/dist

其中bundle.js和styles.css所在的位置。

我的文件加载器设置是：

{
  loader: 'file-loader',
  test: /\.(png|jpg|gif)$/,
  options: {
    name: '[path][name].[ext]'
  }
}

然而，这样做是将我的图像放在另一个公共目录中，如下所示：

client/public/dist/public/images

我更喜欢这个：

client/public/dist/images

Answer 1

解决

AbstractDomain

Answer 2

@hpjm的答案仅在您所有文件都位于平面目录中时有效。

包括子目录支持：

  {
    include: path.resolve(__dirname, 'assets'),
    loader: 'file-loader',
    options: {
      name: '[path][name].[ext]',
      outputPath: './',
      publicPath: '/',
    },
  }