TypeScript is designed for large-scale JavaScripty projects which typically consist of multiple internally produced files along with externally produced libraries. How does the TypeScript compiler (tsc) expect you to provide it with the complete set of files that make up a project?
46
votes
Can't answer my own question yet, so to get the ball rolling, there are at least two ways in which TSC can become aware of references: 1. Add a triple-slash comment containing a reference element to the top of a .ts source file like this: /// <reference path="node.d.ts" /> 2. Pass the "--reference" option on the command line like this: tsc --reference node.d.ts server.ts
- CCoder
An app that I wrote On the Fly, over at onthefly.codeplex.com allows you to pass any number of files to the TypeScript compiler - and you can build/compile all of these files at once, with just a click of a button. I'm not "advertising" or "trolling" just letting as many people as possible know there there is a little app that helps ease the pain, since auto compiling with TypeScript has proven to be problematic for many.
- Arrow
6 Answers
44
votes
dir *.ts /b /s > ts-files.txt
tsc @ts-files.txt
del ts-files.txt
This will compile all *.ts files in working directory and its sub directories. If you don't want to include sub directories, just remove the /s part from the first line.
Note that you can also add other arguments to the tsc line. Here is what I'm using now for one of my projects:
tsc @ts-files.txt --out ..\output\deerchao.web.js --removeComments
34
votes
tsc can compile multiple sources in sequence if you just give the names in order:
tsc foo.ts bar.ts
You can also pass a text file containing a list of files and command line arguments from a text file using the @ command line argument.
tsc @compile.txt
and the compile.txt could look like this:
--module amd
foo.ts
bar.ts
Also note that if on file references another via an import, tsc will automatically figure that out without you having to explicitly list the file that it depends on.
2
votes
1
votes
With TypeScript 1.5 (beta but the final version should be there soon), you can create a tsconfig.json file to configure the TypeScript compiler and the files to compile (among other things). See my answer over there: How to watch and compile all TypeScript sources?
0
votes
If someone needs multiple files pretranspiled before the actual project compiling, use a separate tsconfig with the --project compiler option.
Compile a project given a valid configuration file. The argument can be a file path to a valid JSON configuration file, or a directory path to a directory containing a tsconfig.json file. See tsconfig.json documentation for more details.
One use case would be the need of the resulting JS files used afterwards in command line arguments for ionic app scripts.
