title: Webpack and GLSL shaders
body: <p>I'm working on a Sage Wordpress site and want to implement some WebGl via the <a href="https://threejs.org/" rel="nofollow noreferrer">Three.js</a> library. Like this <a href="https://tympanus.net/Tutorials/webgl-mouseover-effects/step3.html" rel="nofollow noreferrer">code drops example image hover</a></p>
  <p>I keep running into issues with the GLSL files. I've tried a few different loader modules. But I keep getting the same errors. Has anyone else experienced this?</p>
  <pre><code>    ERROR Failed to compile with 4 errors 5:57:14 PM
  error in ./resources/assets/scripts/routes/extras/shader/fragment.glsl
  
  Module parse failed: Unexpected token (1:8)
  You may need an appropriate loader to handle this file type.
  | uniform float time;
  | uniform float progress;
  | uniform sampler2D texture1;
  
  @ ./resources/assets/scripts/routes/three-test.js 11:0-53
  @ ./resources/assets/scripts/main.js
  @ multi ./resources/assets/build/util/…/helpers/hmr-client.js ./scripts/main.js
  </code></pre>
  <p>./styles/main.scss</p>