What's the optimal way to add Typescript in Blazor?

[Ghevi]

I'm using Blazor .Net 8, this works for both Server and Wasm modes.
What I'm doing at the moment is:

1. Added the Microsoft.TypeScript.MSBuild nuget package
2. Added a tsconfig.json file to the root of the project
3. Added a folder named "Typescript" in the root of the project where i put my .ts files
4. The tsconfig.json will take all .ts files from that folder and transpile them, not minified, into .js files inside wwwroot/dist
5. To enable javascript isolation I call await JsRuntime.InvokeAsync<IJSObjectReference>("import", "../dist/my-script.js");

This is the tsconfig (i'm not using node modules or npm):

{
  "compilerOptions": {
    "alwaysStrict": false,
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "ESNext",
    "module": "ESNext",
    "outDir": "wwwroot/dist"
  },
  "include": [
    "Typescript/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

I can import other .ts files with the ES6 syntax like import { myFunction } from "./utils.js", i didn't try with a third party library yet.
It works but i'm a bit confused since i'm not really used to javascript development, so my questions are:

1. Is it ok to specify the "utils.js" extension or is it a sign i'm doing something wrong? the js import will fail without it.
2. Should i use npm to manage packages? can the ES6 syntax work with LibMan? I'm a bit confused by this.
3. Should I use webpack/rollup to bundle these files and in this case will Blazor component be able to invoke exported functions?

Thanks for the help : )