[Bug]: Error when using absolute path to reference online resources (non-local resources) in css/less

[tiannengyu]

Version

rsbuild@0.4.6

Details

@font-face { font-family: DingTalk; src: url('/amcp/image/font/DingTalkJinBuTi.ttf'); }
报错信息
`
error Compile error:
Failed to compile, check the errors for troubleshooting.
File: ./src/routes/InvestmentCalendar/components/index.less
× Resolve error: Can't resolve '/amcp/image/font/DingTalkJinBuTi.ttf' in '/Users/tiannengyu/private/gitlab2/zgzx-trade-manager-front/src/routes/InvestmentCalendar/components'
╭─[1:1]
1 │ @font-face{
2 │ font-family: DingTalk;
3 │ src: url(/amcp/image/font/DingTalkJinBuTi.ttf);
· ─────────────────────────────────────────
4 │ }
5 │ .src-routes-InvestmentCalendar-components-index__calendar_common-_9cab1__zgtz {
╰────

start Compiling...
`
构建时报错，在css和less中使用如上方式，src :url('线上资源绝对路径')会报错

Reproduce link

/

Reproduce Steps

/

[xc2]

please try out / 请尝试：

export default defineConfig({
  // ...
  source: {
    // ...
    alias: {
      "/amcp/image/font": false,
    },
  },
  // ...
});

[tiannengyu]

please try out / 请尝试：

export default defineConfig({
  // ...
  source: {
    // ...
    alias: {
      "/amcp/image/font": false,
    },
  },
  // ...
});

尝试这么做，在mac下构建正常，但在部分windows系统机器下，会报如下错误

[ChenXplorer]

the same as u

[tiannengyu]

@xc2 可以协助看下这个问题吗

[chenjiahan]

用 externals 也可以避免 resolve 这个模块，比如：

export default defineConfig({
  output: {
    externals: [/\/image\/font/g],
  },
});

[ChenXplorer]

但有个疑问，为何mac 没问题，win有问题。

[chenjiahan]

通常是路径分隔符的问题，Mac 和 Windows 采用了不同的路径分隔符

[ChenXplorer]

请问下，rsbuild 可以解决这个问题吗，不需要额外的配置（例如无额外配置，mac可以正常build）

[chenjiahan]

目前来说不会解决，这个路径会触发 webpack / Rspack 的 resolve 逻辑，在 create-react-app 中也能复现该问题