如何在TypeScript中将glsl作为字符串导入？

Question

我正在使用TypeScript在WebGL项目中工作。glsl编写了许多着色器，我想将它们作为字符串导入ts文件中。喜欢：

import fxaa from "./shaders/fxaa";
const fxaaShader = new Shader(fxaa); // pass as string

我可以做吗 ？

Answer 1

迟到了，但只需添加一个声明文件glsl.d.ts：

declare module '*.glsl' {
  const value: string
  export default value
}

...然后作为字符串导入：

import shaderVert from './shaders/vertex.glsl'

...如果你使用 webpack，你需要 ts-shader-loader