Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

glslify/glslify-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

16 Commits

Repository files navigation

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.

About

πŸ’Ύ glslify loader module for webpack

Resources

License

Stars

Watchers

Forks

Packages

Contributors

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /