How to watch and compile all TypeScript sources?

javascript compilation typescript
VoY picture VoY · Oct 9, 2012 · Viewed 119.4k times · Source

I'm trying to convert a pet project to TypeScript and don't seem to be able to use the tsc utility to watch and compile my files. The help says I should use the -w switch, but it looks like it can't watch and compile all *.ts files in the some directory recursively. This seems like something tsc should be able to handle. What are my options?

Answer

budhajeewa picture budhajeewa · May 10, 2015

Create a file named tsconfig.json in your project root and include following lines in it:

{
    "compilerOptions": {
        "emitDecoratorMetadata": true,
        "module": "commonjs",
        "target": "ES5",
        "outDir": "ts-built",
        "rootDir": "src"
    }
}

Please note that outDir should be the path of the directory to receive compiled JS files, and rootDir should be the path of the directory containing your source (.ts) files.

Open a terminal and run tsc -w, it'll compile any .ts file in src directory into .js and store them in ts-built directory.

Related questions

TypeScript "Compile on save" feature not working in Visual Studio 2015

The "Compile on save" feature isn't working for me after upgrading to Visual Studio 2015. When I make a change to a .ts file in my project and save, the status bar at the bottom of the IDE says Output(s) …

Read More
How to parse html to React component?

This is my senario : 1. Application request CMS(Content management system) for page contents. 2. CMS return "<div>Hi,<SpecialButton color="red">My Button</SpecialButton></div>" 3. Application consume the content, render corresponding component with …

Read More
What are the benefits of a directive template function in Angularjs?

According to the documentation a template can be a function which takes two parameters, an element and attributes and returns a string value representing the template. It replaces the current element with the contents of the HTML. The replacement process …

Read More