Site icon Learn Web Development & Programming, Artificial Intelligence, WordPress, Shopify Articles

Transpilation in Angular

Transpilation in Angular

Transpilation = translate + compilation

Also Read: Difference between JavaScript and TypeScript: JavaScript vs Typescript

Transpiling is the one of the process to convert the typescript into javascript. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

Typescript is used to write code in the Angular applications, the code is internally transpiled into javascript.

Transpiling code is a similar concept to the compilation process, with one big difference.

What is the Transpilation?

The concept of converting Typescript into JavaScript is called Transpiling.

We use tools like Babel to do this conversion.


Browsers can’t execute TypeScript directly. Typescript must be “transpiled” into JavaScript using the tsc compiler, which requires some configuration.

TypeScript—–>Transpile—–>JavaScript
Command—–>tsc filename.ts

Files for TypeScript Configuration.

tsconfig.json — TypeScript compiler configuration.
typings —TypesScript declaration files.

tsconfig.json file code

Also Read: Angular Online Quiz Test

TypeScript typings

Many JavaScript libraries, including jQuery, the Jasmine testing library, and Angular, extend the JavaScript environment with features and syntax that the TypeScript compiler does not natively recognize. The compiler throws an error when it doesn’t recognize something.

Many libraries include definition files in their npm packages where both the TypeScript compiler and editors can find them. Angular is one such library. The node_modules/@angular/core/ folder of any Angular application contains several d.ts files that describe parts of Angular.

You don’t need to do anything to get typings files for library packages that include d.ts files. Angular packages include them already.

tsconfig.json (lib excerpt)

Wrapping Word

Hope I was able to help someone out. If you have any questions feel free to ask anything on the comment section. Cheers!!.

Are you want to get web development and designing services? Submit a paid service request

Exit mobile version