Meet npm Pro: unlimited public & private packages + package-based permissions.Learn more »

shader-loader

1.3.1 • Public • Published

Glsl loader for webpack

Glsl loader for webpack2 & webpack3. It support chunks & inspire by ShaderLoader

Getting started

Install:

npm install shader-loader --save-dev

Config 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

License

MIT (http://www.opensource.org/licenses/mit-license.php)

Install

npm i shader-loader

DownloadsWeekly Downloads

1,873

Version

1.3.1

License

MIT

Last publish

Collaborators

  • avatar