Home / Questions / 66212
Accepted
Jorius
Asked: 2020-04-29 08:40:22 +0800 CST 2020-04-29 08:40:22 +0800 CST

How can I compile multiple typescript files in one directory?

  • 772

I have a project whose file and folder structure is as follows

app
core
|--Cumulus
|--|--Cumulu.ts
|--Dimensions
|--|--Dimension.ts
|--Galaxies
|--|--Galaxy.ts
|--SolarSystems
|--|--SolarSystem.ts
|--Universes
|--|--Universe.ts
c137.ts
package.json

I would like to know how I can transcompile all the files .tswithout having to go through each one tsc file.ts, tsc file2.ts, tsc file3.ts, the expected would be something like this:

app
core
|--Cumulus
|--|--Cumulu.js // javascript
|--|--Cumulu.ts
|--Dimensions
|--|--Universe.js // javascript
|--|--Universe.ts
|--Galaxies
|--|--Galaxy.js // javascript
|--|--Galaxy.ts
|--SolarSystems
|--|--SolarSystem.js // javascript
|--|--SolarSystem.ts
|--Universes
|--|--Universe.js // javascript
|--|--Universe.ts
c137.js // javascript
c137.ts
package.json
typescript

2 Answers

  1. If you're looking to compile all the files .tsin a project ( or directory ), you only need to do two things:

    1.- Create a file tsconfig.jsonwhere you can set the options for the compiler. Open a terminal, go to the root directory of your project and run:

    $ tsc --init
# message TS6071: Successfully created a tsconfig.json file.

    2.- Finally, it only remains to execute the compileron the directory

    $ tsc -p ./

    More info: Compiler Options

    • 2
  2. Best Answer

    I managed to do what I wanted by creating a file tsconfig.ts, adding this to it and running tscin the console

    {
    "compilerOptions": {
        "module": "es6",
        "noImplicitAny": true,
        "removeComments": false,
        "preserveConstEnums": true,
        "sourceMap": false
    },
    "files": [
        "c137.ts" // Aquí añado un archivo estático también a compilar
    ],
    "include": [
        "core/**/*", // Con esta línea pude compilar todos los archivos ts dentro de las subcarpetas de core
    ],
    "exclude": [
        "node_modules",
        "**/*.spec.ts"
    ]
}
    • 1