我有一个nrwl/nxReact生成的应用程序，使用SCSS进行样式设置。在SCSS中导入字体或图像文件时，编译后的SCSS假设字体/图像将位于同一目录中。

示例SCSS：

@font-face {
  font-family: "X";
  src: url("./assets/fonts/X.woff");
  font-weight: 400;
  font-style: italic;
}

编制的SCSS：

@font-face {
  font-family: "boreal";
  **src: url("x.woff");**
  font-weight: 400;
  font-style: italic;
}

注意，字体URL被重写为在样式表所在的目录中获取。
有没有办法重写CSS URL？就像在普通Webpack中使用publicURL一样？
我曾尝试使用文件加载器尝试重命名字体的网址，但没有效果。

项目.json：

"targets" : {
   "build": {
     // ...
     "webpackConfig": "apps/my-application/webpack.config.js"
   }
}

网络包配置js：

module.exports = (config, context) => {
  nrwlConfig(config);
  return {
    ...config,
    module: {
      ...config.module,
      rules: [
        ...config.module.rules,
        {
          loader: require.resolve('file-loader'),
          test: /\.(woff(2)?|ttf|eot|svg)?$/,
          options: {
            name: '[name].[ext]',
            publicPath: '../../custom-folder',
          },
        },
      ],
    },
//...