How to hide .js and .map files in WebStorm while working on Angular2-typescript project

Question

I tried adding the extensions to .gitignore but the result is as below:

The files are not completely hidden.

Answer 1

For me, using the Project panel, rather than the Project Files panel did the trick collapsing the *.js and .js.map files and hiding them beneath their corresponding *.ts file.

Note: This is only working when WebStorm's TypeScript Compiler is enabled. (see A_Singh's answer)

Answer 2

• Enable Typescript Compiler (Generated files are hidden when compiler generates them)

• Change your view to Project as suggested by Cibes