@doublewin/glsl-stringify-loader

用于转化glsl文件的wepback-loader

Install

使用之前，要先安装glsl-stringify-loader:

npm install @doublewin/glsl-stringify-loader --save-dev

or

yarn add @doublewin/glsl-stringify-loader -D

Use

然后配置webpack.config.js文件。例如：

shader.glsl

precision mediump float;

void main () {
  gl_FragColor = vec4(1, 0, 0, 1);
}

file.js

import fsShader from './shader.glsl';

webpack.config.js

module.exports = {
    module: {
        rules: [
            {
                test: /\.glsl$/,
                exclude: [/node_modules/],
                use: ['@doublewin/glsl-stringify-loader'],
            },
        ],
    },
};

支持引用

在glsl文件中支持使用

#require 'path/example.glsl'

引用语句引用别的glsl文件

例如： fs.glsl

precision mediump float;

#require "./fs-utils.glsl"

void main () {
    gl_FragColor = vec4(1, 0, 0, 1);
}

fs-utils.glsl

float myFunction(vec3 normal) {
    vec3 hello = vec3(1, 0, 0)
    return dot(hello, normal);
}