WebStorm not loading specific tsconfig.json

Question

I have a project using the latest version of WebStorm 2020.3.1. I have multiple tsconfig.json files but I only need automatic re-compilation through WebStorm for one of them. I have configured as attached.

Strange thing is that running tsc -p ./tsconfig-electron.json works fine.

What is the issue here?

tsconfig-electron.json:

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es6",
        "sourceMap": true,
        "outDir": "electron-dist",
        "rootDir": "electron-src",
        "removeComments": true,
        "strict": true
    },
    "exclude": [
        "node_modules",
        "dist",
        "src",
        "e2e"
    ],
    "declaration": true
}

Answer 1

The IDE uses the nearest tsconfig.*.json current file is included in for compiling, traversing the folders hierarchy from current folder up to the IDE project root. The list of known tsconfig*.json name patterns can be configured in Settings | Editor | File Types, TypeScript Config.

Options passed in Settings | Languages & Frameworks | TypeScript, Options: are ignored if there are tsconfig.*.json files in project, so you can't pass your custom configuration file to the IDE using this field.

Related feature request: WEB-21414