unplugin-glsl 引入、内联和压缩 GLSL Shader，统一 webpack-glsl-loader 与 vite-plugin-glsl 的语法，并支持 Rspack

[YunYouJun]

unplugin-glsl 是什么？

• GitHub: https://github.com/YunYouJun/unplugin-glsl
• Demo： https://unplugin-glsl.pages.dev/

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 语法。

See Closed | feat: Added support for @import

一一修改已有的大量 shader 文件是繁琐且不可靠的，因此我们创建了 unplugin-glsl 以统一它们之间的差异。 @import 将会被转换为 #include 语法。 此外，我们还测试了 Rspack ，它也工作得很好。 这意味着，我们可以在多个打包工具的环境下，保持一致的语法、内联、压缩等效果。

---

希望它也能帮助到你！