When using Apollo Graphql in the front-end, there is no established pattern to separate out your graphql queries into separate files instead of bundled with the js assets. I've searched and tried many various ways, including webpack
file-loader and even modifying
file-loader will separate it out but it returns a url that points to the filesystem which is not easily consumed. The answer is actually strangly obvious once you see the solution.
TL&DR: If you want to skip ahead to the configuration see What worked at the bottom.
The goal being, having some directory structure like: