unplugin-glsl 引入、内联和压缩 GLSL Shader，统一 webpack-glsl-loader 与 vite-plugin-glsl 的语法，并支持 Rspack
YunYouJun · YunYouJun · 159 天前 · 1335 次点击这是一个创建于 159 天前的主题，其中的信息可能已经有所发展或是发生改变。
unplugin-glsl 是什么？
Unplugin-glsl 是一个可以在项目中引入、内联和压缩 GLSL Shader 文件的插件。 它基于 unplugin 同时支持 webpack/vite/rollup/rspack 等打包工具。
Why unplugin-glsl?
我们存在许多历史项目使用 webpack-glsl-loader ，它支持 @import 语法。
但有时为了便捷，我们使用 vite + vite-plugin-glsl 运行 demo ，它支持 #include 但不支持 @import 语法。
vite-plugin-glsl 作者并不希望为其本身添加 @import 语法。
一一修改已有的大量 shader 文件是繁琐且不可靠的，因此我们创建了 unplugin-glsl 以统一它们之间的差异。 @import 将会被转换为 #include 语法。 此外，我们还测试了 Rspack ，它也工作得很好。 这意味着，我们可以在多个打包工具的环境下，保持一致的语法、内联、压缩等效果。
希望它也能帮助到你！
目前尚无回复
Select Language