相关疑难解决方法(0)

我正在尝试将 Nextjs 应用程序从 Webpack 4 升级到 Webpack 5。目前我使用file-loader next.config.js 中的选项：

// next.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.(jpe?g|png|svg|gif|ico|eot|ttf|woff|woff2|mp4|pdf|webm|txt)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              context: '',
              outputPath: 'static',
              publicPath: '_next/static',
              name: '[path][name].[hash].[ext]',
            }
          },
        ]
      },
    ]
  }
};

根据资产模块说明我应该更改file-loader为type: 'asset/resource'. 我想知道如何才能满足options使用file-loader。如何设置公共和文件系统路径和文件名？

我尝试过使用output和generator.filename配置，但完全不知道应该将 Next.js 的公共路径和文件系统路径放在哪里：

module.exports = {
  output: {
     filename: '[path][name].[hash].[ext]',
     path: path.resolve(__dirname, 'static')
  },
  module: {
    rules: [ …