Skip to content
💾 glslify loader module for webpack
Branch: master
Clone or download
Latest commit 3419e9d Nov 29, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example Add an example with hot reloading and regl Jun 17, 2018
test Rewrite Readme, add tests, add webpack 4 support Mar 5, 2018
.gitignore Rewrite Readme, add tests, add webpack 4 support Mar 5, 2018
LICENSE.md . Apr 8, 2015
README.md Rewrite Readme, add tests, add webpack 4 support Mar 5, 2018
glslify-loader.js Rewrite Readme, add tests, add webpack 4 support Mar 5, 2018
package.json

README.md

glslify-loader

glslify loader module for webpack.

Installation

npm install glslify-loader

Generally, you'll want to use this alongside webpack's raw-loader module:

npm install raw-loader

Usage

Documentation: Using Loaders in Webpack

Configuration file
module.exports = {
  rules: [
    {
      test: /\.(glsl|vs|fs|vert|frag)$/,
      exclude: /node_modules/,
      use: [
        'raw-loader',
        'glslify-loader'
      ]
    }
  ]
}
Inline
// Using require
const source = require('raw-loader!glslify-loader!./my-shader.glsl')

// Using ES6 import statement
import source from 'raw-loader!glslify-loader!./my-shader.glsl'
Speficy source transforms

See Glslify Source Transforms for details.

module.exports = {
  rules: [
    {
      test: /\.(glsl|frag|vert)$/,
      exclude: /node_modules/,
      use: [
        'raw-loader',
        {
          loader: 'glslify-loader'
          options: {
            transform: [
              ['glslify-hex', { 'option-1': true, 'option-2': 42 }]
            ]
          }
        }
      ]
    }
  ]
}

Contributing

See stackgl/contributing for details.

License

MIT. See LICENSE.md for details.

You can’t perform that action at this time.