Webpack 5 [路径] 上下文

Question

根据这条规则:

  {
    test: /\.php$/,
    type: "asset/resource",
    generator: {
      filename: "[path][name][ext]",
    },
  },

我的 webpack 配置输出文件在这个目录“views/src/views/client”。我想从路径中删除前两个目录。

预期输出路径“views/client”

在 webpack 4 中，这与 file-loader.context 选项 (views/src) 配合得很好。我不知道如何使用 webpack 5 的新 Assets /模块功能做同样的事情。

有没有人有想法？

Answer 1

我在迁移时遇到了同样的问题。

我最终使用自定义方法生成 filemane ( as "recommended" by a Webpack member )。

使用 webpack 4:

{
  test: /\.(jpg|png|gif|svg|ico)$/,
  exclude: /node_modules/,
  use: {
    loader: 'file-loader',
    options: {
      context: 'app/Resources/static',
      name: '[path][name].[ext]',
    }
  }
}

使用 webpack 5:

{
  test: /\.(jpg|png|gif|svg|ico)$/,
  exclude: /node_modules/,
  type: 'asset/resource',
  generator: {
    filename: content => {
      return content.filename.replace('app/Resources/static/', '')
    }
  }
}