Is it possible to compile TypeScript into minified code?

Question

Is there an option to compile TypeScript code's output as minified? Or are we left to deal with that in a separate process? And does obfuscation affect the answer?

score 95 · Accepted Answer · edited Aug 29 '23 at 18:25

95

The TypeScript compiler does not support the generation of minified or obfuscated code. you will need to use another tool against the JavaScript output of the compiler.

There's an open feature request: microsoft/TypeScript#8

edited Aug 29 '23 at 18:25

Josh M.

26,437
24
119
200

answered Oct 01 '12 at 23:01

mohamed hegazy

9,191
4
30
21

1

You can use YUI Compressor, JSMin or Closure Compiler to minify JS code. – niutech Oct 09 '12 at 14:17
1

that's what I ended up doing. I added a post-compile command passing the app.js file to the YUI compressor so that I essentially got compilation-time minification. – LordZardeck Nov 22 '12 at 06:06
13

Web Essentials can do it automatically from your ts'es. – joeriks Nov 22 '12 at 08:28
1

as @joeriks says, download WebEssentials2012, it can automatically create a min.js version of your file – JasonS Jan 07 '13 at 11:54
29

This is so bad. It sounds a very reasonable to produce minified code with the appropriate .map, if the all infrastructure is given in the TypeScript compiler. Also in VS case it could be a fully integrated solution, even a configuration setting. – g.pickardou Jun 18 '15 at 07:18

Sagi · Answer 2 · 2016-12-29T23:09:59.200

29

I am the author of typescript-closure-compiler.
Basically it is a tool that emits files that are compatible with google closure compiler, which is probably the best minifier/optimizer/obfuscator out there.
I've also created a playground that can show you the generated output.
You can take a look at an example project which uses this tool.
The minification process is done using gulp.

edited Dec 29 '16 at 23:09

answered Dec 29 '16 at 22:58

Sagi

8,972
3
33
41

3

playground is broken – devnull Mar 28 '19 at 19:50
2

Last version support typescript 1.8.1. So i think this is deprecated. – Vít Zadina Jul 01 '22 at 07:34
2

not maintained from 2017 – Mohamed Allal Jul 13 '22 at 14:59

score 6 · Answer 3 · answered Sep 15 '22 at 18:14

The industry standard for minification is esbuild. (link)

Call esbuild after compiling to Javascript

esbuild your_file.js --minify --outfile=your_file.min.js

An example one liner:

tsc --strict --lib DOM,DOM.Iterable,ES6 --target ES6 your_file.ts && esbuild your_file.js --minify --outfile=your_file.min.js

Is it possible to compile TypeScript into minified code?

3 Answers3

Linked

Related