Import with TypeScript aliases gives error

[vitalyiegorov]

Our project uses TS alias imports and we get the following error:
import Query from '@shared/file.graphql';
Error: Cannot find module '@shared/file.graphql'

Only relative imports work:
import Query from '../file.graphql';

[buesing]

Same here, but with using webpack aliases.

[LP1994]

Yes:

No:

PS:
"gQLDir" is webpack aliases.

eError:

[LP1994]

When using dynamic import, modifying ". Graphql" will trigger recompilation! But static import will not!

SO!!!
Recommended:
import('gQLDir/GraphQLDemo.graphql');
OR
import('../../../graphQL/GraphQLDemo.graphql');

With the dynamic import I mentioned above, there is no need to use script commands to delete the cache.

[LP1994]

Alias cannot be used with "babel-plugin-import-graphql".
But!!!
Only "graphql-tag/loader","babel-plugin-import-graphql" are not used, but aliases can be used.
{
test: /.(graphql|gql)$/i,
use: [
{
loader: 'graphql-tag/loader',
},
],
},