How to load local html with its .js and .css dependencies with convertFileSrc?

[HuakunShen]

convertFileSrc could be used to load local html file into a WebviewWindow.

const assetUrl = convertFileSrc(
  "/Users/<user>/dev/project/index.html",
);
// asset://localhost///Users/<user>/dev/project/index.html
new WebviewWindow("convert-src-win", {
  url: assetUrl,
});

The index.html needs to load its dependencies

<script type="module" crossorigin src="./assets/index-CZGpdclX.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-BHYCjRZw.css">

These .js and .css files cannot be loaded because the webview tries to load asset://localhost/assets/index-BHYCjRZw.css and asset://localhost/assets/index-CZGpdclX.js. The absolute path is ignored.

Is there a workaround for this to preserve the path? Changing the base url isn't a solution as the absolute path could be different for every computer.

If it is not possible with convertFileSrc, is there any other options?

I managed to get this working by spawning a local static file server on another thread, but this doesn't seem to be the best solution.