where are the transpiled js files when using Angular CLI

Question

In an angular 5 project created by the help of the Angular CLI 1.5.0, when I run the following command

ng serve

I can see that web pack starts its bundling and projects starts serving. Where does the generated transpiled js file go to? Initially I thought this location should be the one mentioned in

tsconfig.json , OutDir

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es2017",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

but funnily enough I can't seem to find that outdir folder inside the project folder. I've also checked the angular-cli.json file

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      ......
      ......

but I still can't find the transpiled js files. What am I missing or doing wrong? Where are the java-script files for my .ts files?

When using ng serve, the transpiled files are held in memory, not on disk. To generate the transpiled files for deployment etc, use ng build. — Tirinoarim
– Tirinoarim, Commented Nov 8, 2017 at 13:42
That definitely explains why those js files are not there. Thanks. — MHOOS
– MHOOS, Commented Nov 8, 2017 at 13:48
The browser doesnt do that. It sends (http get) requests to the embedded webserver (ng serve) which then serves those requests (replies with the in-memory files). — Tirinoarim
– Tirinoarim, Commented Nov 9, 2017 at 9:44

Nitesh Kumar · Accepted Answer · 2017-11-08 13:48:19Z

2

ng serve keeps transpiled files in memory and does not write to disk. You need to do ng build --watch to get it to write to disk and also update with changes.

answered Nov 8, 2017 at 13:48

Nitesh Kumar

1,7744 gold badges19 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

where are the transpiled js files when using Angular CLI

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related