.gitignore .js files made from TypeScript

Question

I Have the following files:

• ActiveTask.ts
• ActiveTask.js
• Controller.ts
• Controller.js
• _config.js
• otherFile.js

And I want to commit only:

• ActiveTask.ts
• Controller.ts
• _config.js
• otherFile.js

How to ignore .js files that are the same name as the .ts files?

Answer 1

1. Change the outDir entry of your tsconfig.json file. This is conventionally called build but you can name it whatever you'd like.

// tsconfig.json (mine is in the root directory of my project)
{
    "compilerOptions": {  
      ...
      "outDir": "myAwesomeSuperCoolBuildDirectoryThatIPromiseToChangeAndNotJustCopyBlindlyFromStackOverflowBecauseThatWouldBeBad",  
      "sourceMap": true,  
      ...
    }
}

2. Add outDir followed by a forward slash --> / to your .gitignore file

// .gitignore (mine is in the root directory of my project)
myAwesomeSuperCoolBuildDirectoryThatIPromiseToChangeAndNotJustCopyBlindlyFromStackOverflowBecauseThatWouldBeBad/

3. Delete old js.map and js files generated by TypeScript and build them again. This time, they will be built in the specified directory and will be ignored by git.

Answer 2

For your particular case, I suggest:

In .gitignore

*.js
!_*.js

This will ignore all js files except what starting with underscore.