tsconfig's allowImportingTsExtensions and the transpilation result - is there a way to set imported .ts to .js?

[mkvlrn-cm42]

I'm not even sure if this is a good practice now or not, but I've just only found out about allowImportingTsExtensions in tsconfig.json, which allows me to import my esm modules using .ts instead of .js, which makes a bit more sense during development.

So when transpiling with swc the resulting js files keep the imports as .ts.

Is there a setting in the cli or .swcrc that also transforms the extension of the imports from .ts to .js?

[kdy1]

Search for resolveFully in the docs. It's jsc.module.resolveFully

[prolific]

@kdy1 Can you share how to do it without the plugin now?

I used this config:

"module": {
    "type": "es6",
    "resolveFully": true,
    "outFileExtension": "js"
  },

and I am trying to transform the following code where imports are using .tsx to .js but it seems to be not working

import { Route as rootRoute } from "./routes/__root.tsx";
import { Route as IdImport } from "./routes/$id.tsx";
import { Route as IndexImport } from "./routes/index.tsx";

Package Version:

"@swc/cli": "^0.6.0",
"@swc/core": "^1.10.9",

outFileExtension also doesn't seem to be documented

[dionysiusmarquis]

I have the same problem "@swc/cli": "0.7.8" and "@swc/core": "1.12.11". I cannot find a way to change the imports from .ts to .js. Also tried "resolveFully": true and "outFileExtension": "js"

[Sylphide]

I am also interested in a solution without using the plugin.

[dionysiusmarquis]

After I tested different settings and couldn‘t find a way to get it working as described in the docs I created a bug report some days ago: #10848

[alshdavid]

Likewise, I have been using the plugin to achieve this and have not yet found a way to do so without it.

outFileExtension changes the output file extension without rewriting the imports - I haven't tried resolveFully yet