Using custom webpack loaders

Bug Report or Feature Request (mark with an x)

- [X ] feature request

Versions.

1.4.3

Desired functionality.

I have to load a custom loader to process .graphql files, I’d like to be able to add custom loaders to webpack config.

Mention any other details that might be useful.

The rule I want to add is

/* File loader for graphql files.
*  Returns file content as string
*/
  {
     test: /\.(graphql|gql)$/,
     exclude: /node_modules/,
     loader: 'graphql-tag/loader'
  }

[filipesilva]

I know this is not the answer you wanted but truth is this has been extensively discussed before, and so this issue is a duplicate of https://github.com/angular/angular-cli/issues/1656. You can read there what the final word on that topic is for now.

[JohannesHoppe]

@akeelnazir

I came around here, because I have the exact same use-case. I want to use the graphql-tag/loader but without the burden of ng eject. You can do this instead:

const myQuery = require('graphql-tag/loader!./myQuery.graphql');