在具有 .js 文件的现有项目中使用 typescript

Question

我有一个现有的NodeJS 项目，其中有.js 文件，用ES6 编写。现在我想在现有项目中开始使用typescript。我该怎么走？我应该从同一目录结构中的.ts 文件开始吗？

我注意到的一个问题是tsc 只考虑.ts 文件。所以对于tsconfig.json，它看起来像：

    {
    "compilerOptions": {
        "target": "es2015",
        "outDir": "./dist",
        "allowJs": true,
        "module": "commonjs",
        "noEmitOnError": false,
        "noImplicitAny": false,
        "strictNullChecks": true
    },
    "include": [
        "app/"
    ] 
}

将仅转换 .ts 文件，并保留构成项目大部分的其他 .js 文件。我应该如何处理？

Answer 1

首先你需要添加 typescript 作为开发者依赖 通过使用这个命令到你的项目目录

npm i --save-dev typescript

然后将所有 .js 文件转换为 .ts 文件，然后运行此命令。 <your_project_path>/node_modules/.bin/tsc -p '<your_project_path>/tsconfig.json'

记得给出绝对路径，以免有歧义

运行此命令后，它将在您的 ./dist 文件夹中创建 .js 文件。这是您在tsconfig.json 文件中的"outDir": "./dist 中给出的输出路径。它将保持与app 中相同的目录结构，但具有.js 和.map 文件。

我建议使用 app/ 文件夹在 typescript 中编写所有代码，同时从 ./dist 文件夹中部署运行 javascript 文件，忽略 .map 文件。