VS Code - unable to hide javascript files generated from typescript files

Question

I would like to hide the javascript files generated from the typescript files

This works perfectly:

With the following files structure:

(I have removed the exclude js files settings to show the structure)

However, if I change the file structure this way

The javascript files are not hidden

Anyone can help?

Answer 1

You can hide the dist folder. Better yet, I just exclude them from search:

// .vscode/settings.json
{
  "search.exclude": {
    "dist": true
  }
}

Answer 2

Why don't you try this, Open your workspace settings file (.vscode/settings.json):
This will hide js files in every folder and it works even if you rename your dist folder to something else in future.

{
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}