Estoy construyendo una transición de imagen con un sombreador personalizado y para esto necesito un fragmento.glsl. Pero al importar este archivo a mi .js, aparece este error:

 Compiled with problems: ERROR in ./src/shaders/fragment.glsl 1:13 Module parse failed: Unexpected token (1:13) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > void main () { | | }

Para un comienzo rápido, estoy usando este modelo de paquete web: https://github.com/taniarascia/webpack-boilerplate

Debido a que no tengo experiencia en archivos webpack y glsl, no sé qué está mal. Supongo que el navegador no puede leer el archivo. Probé muchas cosas con webpack.config.js y módulos como glfl-loader, pero parece que mi navegador tiene otros planes.