change the outDir of the transpiled code

I don’t like the js files being generated next to my ts/ng files , it’s so annoying , so I was trying to put the compiled/transpiled js files outside the app directory, as any Angular app.

what I did is :

I added outDir to the compilerOptions inside the tsconfig.json file

{
    "compilerOptions": {
        "outDir": "./compiled/",
....

and changed the main entrypoint inside app/package.json

{
  "android": {
    "v8Flags": "--expose_gc"
  },
  "main": "./compiled/main.js",

by doing so the app crashes since it can’t find the main.js…

what is the correct way to achieve that?

<bountysource-plugin>

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource. </bountysource-plugin>

[GeorgeKnap]

• not everyone is using VS code or any editor with the ability to hide transpiled files
• Some version control systems might try to add transpiled files into version control each time the files are generated. Separate dist folder can be easily put into version control system’s ignore list.
• Imagine you’d like to .zip you project for any reason. There is no need to include any unnecessary files which would increase the .zip file size.

Ideally I would like to set the tsconfig.json’s outDir under root folder where also node_modules are.

[BenLorantfy]

This should be a top priority. Separating src and build files is an extremely common workflow. Your personal opinions are not valid reasons to ignore your community.