Glsl loader for webpack2 & webpack3. It support chunks & inspire by ShaderLoader
Install:
npm install shader-loader --save-devConfig webpack:
module: {
rules: [
{
test: /\.(glsl|vs|fs)$/,
loader: 'shader-loader',
options: {
glsl: {
chunkPath: resolve("/glsl/chunks")
}
}
}
]
}You can now require your glsl files:
var vertexShader = require("shader.vs");
var fragmentShader = require("shader.fs");if you use $xxx in your shader its replace by the content of xxx.glsl, for example:
void main(void) {
$snoise //replace by chunks/snoise.glsl
}Learn more about loaders & webpack: http://webpack.github.io/docs/loaders.html