Webpack loader for wgsl, wgslx, and wgsli files.
npm install @wgslx/wgslx-loaderWebpack loader for wgsl, wgslx, and wgsli files. Load, validate, and minify
WebGPU shaders with ease. Planned support for including other shader files.
``ts
import { code } from './shader.wgsl';
//...
const shaderModule = device.createShaderModule({ code });
`
`ts
/* Shader module. /
export interface WgslxShader {
/* Shader source. /
readonly code: string;
/* Shader label derived from the file name. /
readonly label?: string;
/* Shader source map if configured to be generated. /
readonly sourceMap?: string;
}
`
`sh`
npm install --save-dev wgslx-loader
Install webpack loader for \.wgsl, \.wgslx, and \*.wgsli files by adding the
loader into your webpack config.
`js`
// webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.(wgsl[ix]?)$/,
use: 'wgslx-loader',
},
],
},
};
`json``
// tsconfig.json
{
"compilerOptions": {
"types": ["@wgslx/wgslx-loader"]
}
}