How to Compile TypeScript Code With tsc
TypeScript is a development tool geared towards making building JavaScript applications more robust. In an application's deployed state (browser or server), TypeScript must be compiled to valid JavaScript. In this lesson, we'll see how the TypeScript compiler provides us with a command to compile and produce JavaScript code from TypeScript.
Compiling our TypeScript project#
📝 This lesson's quiz can be found - here.
🗒️ Solutions for this lesson's quiz can be found - here.
Though our application is now suited for TypeScript development; to have our code be ready for production, it first must be built (i.e. compiled) as a JavaScript project. This is perfectly ok because TypeScript was only created to help developers during the development phase. Once the app is in production, known bugs should have all been fixed!
To achieve the compiling of our entire TypeScript project, we're going to create a new script in the package.json
file which we'll call the build/
script.
"scripts": {
"start": "nodemon src/index.ts",
"build": ""
}
tsc#
build/
will be responsible in building (i.e. compiling) the TypeScript code in our project to valid JavaScript. We can achieve this compilation with the help of the tsc
command the typescript
package provides.
tsc
takes an option labeled -p
which is shorthand for --project
that allows us to compile the TypeScript code in a project that contains a tsconfig.json
file. The -p
option requires an argument of the project directory. We'll use the tsc
command in the build
script of our application to compile our TypeScript project.
This page is a preview of TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL