rollup-shader-chunks
Rollup plugin for optimising inline GLSL shaders.
Example
This plugin processes template literals marked with a syntax highlighting and embedded script editing hint.
// shaders.js
export const vertex = /* glsl */ `
void main() {
gl_Position = mvp * vec4( position, 1.0 );
}
`;Install
npm i rollup-shader-chunks --save-devUsage
// rollup.config.js
import { shaderChunks } from 'rollup-shader-chunks';
export default {
input: 'src/index.js',
plugins: [
//... other plugins, preprocessing
shaderChunks()
//... other plugins, terser, etc
]
//...other options
};Defaults
shaderChunks({
include: [
// Glob pattern, or array of glob patterns to include
'**/*.js'
],
exclude: undefined, // Glob pattern, or array of glob patterns to ignore
enabled: true // Enable or disable the processing of files
});Scripts
| Action | Command | Description |
|---|---|---|
| lint | npm run lint |
Run static code analysis |
| format | npm run format |
Check source file formatting |
| format-fix | npm run format-fix |
Format source files |
Tools
| Tool | Reference |
|---|---|
| Node.js | https://nodejs.org |
| rollup.js | https://rollupjs.org |
| ESLint | https://eslint.org |
| Prettier | https://prettier.io |
| EditorConfig | https://editorconfig.org |
References
| Website | Reference |
|---|---|
| WebGL2 | https://www.khronos.org/webgl/ |
License
This project is released under the MIT License.