Importing ".graphql" file gives cannot resolve warning Follow

Hi, I am using Webpack for loading  ".graphql" files with graphql-tag/loader like this:

{
    test: /\.(graphql|gql)$/,
    exclude: /node_modules/,
    loader: 'graphql-tag/loader',
},

Then in my code, I Import this graphql file like this.

Everything works well, but Webstrom seems doesn't know that the file is processed by webpack loader. Because it shows cannot resolve symbol error.

When I console.log this object it contains a nested object with names of graphql operations. I guess Webstorm should know that this file contains these objects. A do code completion etc. when importing andnusing it.

I am also using the JS Graphql plugin and in .graphql file a works syntax completion as well.  So I guess it's not problem with this plugin. 

My .graphql file look like this.

Do you know how to resolve this problem a get to know Webstrom that ".graphql" file is exporting the object with nested object with keys exactly the same as names of graphql operations?

I appreciate your help! :)  Thanks Filip.