Glsify - Error 'you May Need An Appropriate Loader To Handle This File Type'?

Ok Im following https://tympanus.net/codrops/2019/01/17/interactive-particles-with-three-js/ just trying to get his custom shader to work. I brought in the .frag and .vert files (i

Solution 1:

What does your webpack config files look like? Based on the error, it seems you might be missing the loaders in the module.rules list. Make sure you're including

{
    test: /\.(glsl|frag|vert)$/,
    use: ['glslify-import-loader', 'raw-loader', 'glslify-loader']
},

so that Webpack knows how to handle .frag and .vert files.

Also make sure you have

"glslify":"^6.2.1","glslify-import-loader":"^0.1.2","glslify-loader":"^1.0.2","raw-loader":"^0.5.1",

in devDependencies in your Package.json so you're not missing any dependencies.