How to compile typescript files in a specific folder with Angular Quickstart

Question

I've used Angular Quickstart example as a beginning for my angular 2 application. I'm currently trying to compile files in a separate directory to avoid the mess of .ts and .js files being mixed and I didn't a way to do it with the tools proposed.

I would like to know if anyone has met the problem before switching to a regular gulp/grunt compilation.

Senanu Fiam-Coblavie · Accepted Answer · 2016-10-03 19:11:01Z

1

I had this same problem. Check it out in this issue someone raised. Link to Github issue

Simply specify the directory (outDir) in tsconfig.json like shown below.

{
    "version": "1.7.3",
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "declaration": false,
        "noImplicitAny": true,
        "suppressImplicitAnyIndexErrors": true,
        "removeComments": false,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "noEmitOnError": false,
        "preserveConstEnums": true,
        "inlineSources": false,
        "sourceMap": false,
        "outDir": "./dist",
        "rootDir": "./src",
        "project": "./src",
        "moduleResolution": "node",
        "listFiles": false
    },
    "exclude": [
        "node_modules",
        "jspm_packages",
        "typings/browser",
        "typings/browser.d.ts"
    ]
}

answered Oct 3, 2016 at 19:11

Senanu Fiam-Coblavie

544 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ismail H Over a year ago

thanks for the solution ! it works. I just added a precision on how to call the new JS files that we obtain in this configuration.

Collectives™ on Stack Overflow

How to compile typescript files in a specific folder with Angular Quickstart

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related