Categories
TypeScript Answers

How to compile to a single file with TypeScript?

Spread the love

Sometimes, we want to compile to a single file with TypeScript.

In this article, we’ll look at how to compile to a single file with TypeScript.

How to compile to a single file with TypeScript?

To compile to a single file with TypeScript, we remove the module option and add the outFile option in tsconfig.json.

For instance, we write

{
  "compilerOptions": {
    "target": "ES5",
    "removeComments": true,
    "preserveConstEnums": true,
    "outFile": "./build/build.js",
    "sourceRoot": "./src/",
    "rootDir": "./src/",
    "sourceMap": true
  }
}

in tsconfig.json.

We set outFile to ./build/build.js so that the TypeScript compiler will compile all the code into that file.

We remove the module option so that the code will be compiled into one file.

Conclusion

To compile to a single file with TypeScript, we remove the module option and add the outFile option in tsconfig.json.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *