TypeScript 编译器 tsc 命令能够自动补全完整的 js 后缀？

比如原 .ts文件中，有如下代码：

//index.ts
export {reactive,} from "./reactive"

现在想tsc编译后，变成：

//index.js
export {reactive,} from "./reactive.js"

typescript

阅读 7.9k

2 个回答

✓ 已被采纳

试下在导入的时候加 .js 后缀（注意不是 .ts）

//index.ts
export {reactive,} from "./reactive.js"

在 tsconfig.json 中需要将 rootDir 和 outDir 配置成两个独立的目录

{
    "compilerOptions": {
        "target": "ESNext",
        "module": "ESNext",
        "strict": true,
        "esModuleInterop": true,
        "rootDir": "./src",
        "outDir": "./dist",
        "moduleResolution": "Classic",
        "skipLibCheck": true,
        "forceConsistentCasingInFileNames": true
    }
}

不过我的用例比较简单，所以不知道真正的项目中会不会有啥奇怪的问题