webpack - webpack 5 によって生成されたフォント フェイスを変更する

Question

私は webpack 5 を使用しており、webfonts で動作するようにしようとしています。

出力ディレクトリは次のようになります。

wwwroot
  bin
    mybundle.css
    mybundle.js
  fonts
    roboto.woff
    roboto.woff2

出力：

output: {
  path: path.join(__dirname, './wwwroot/'),
  publicPath: '',                           // prevents "Error: Automatic publicPath is not supported"
  // ...
},

リゾルバー:

{
  test: /\.woff2?$/i,
  type: 'asset/resource',
  generator: { filename: 'bin/[base]' },
}

生成されたフォントフェイスが間違っていることを除いて、すべてが機能しているようです:

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/roboto.woff2) format("woff2");    /* !!! PROBLEM !!! */
}

url(fonts/roboto.woff2)の代わりに生成しurl(/wwwroot/fonts/roboto.woff2)ます。そのため、CSS は Web フォントを見つけられません。

先頭に a を追加するにはどうすればよい/wwwroot/ですか?