fix(html): transform relative path with long base in /index.html

[candy-Tong]

Description

fix: #10989

I found that the url replacer function is not correctly replace the url.

  const replacer = (url: string) =>
    path.posix.join(
      devBase,
      path.posix.relative(originalUrl, devBase),
      url.slice(1)
    )

when the devBase is /a/b/c
originalUrl /a/b/c/d/e
path.posix.relative(originalUrl, devBase) will be '../..'
so ./src/mian.ts will be change to /a/src/main.ts

Additional context

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[benmccann]

It would be nice to add a unit test for processSrcSetSync to ensure we haven't broken anything and prevent regressions

[candy-Tong]

It would be nice to add a unit test for processSrcSetSync to ensure we haven't broken anything and prevent regressions

I also found that there is already a test case here to test the srcset. May be we needn't to add a single unit test abount processSrcSetSync?

[benmccann]

It seems like there's a case that's not currently tested if there's a bug that this is fixing so it'd be nice to address that. I thought a unit test might be a lightweight way to do it, but whether it's a unit test or integration test probably doesn't matter so much.