在angular nx项目中导入glsl文件

我正在尝试在组件中导入glsl文件（不需要带require（）的模块），但似乎不起作用

我的第一次尝试是创建一个glsl.d.ts文件，其模块声明如下：

声明模块'*.glsl'{
常量值：字符串
导出默认值
}

这解决了警告问题，但似乎需要一个专用加载程序

我的第二次尝试是使用具有以下配置的自定义网页包和glslify加载程序：

module.exports={
模块：{
规则：[
{
测试：/\（glsl | frag | vert | png | svg | jpg | gif | obj）$/，
使用：[
“文件加载器”
]
}
]
}
};

但仍然不起作用

有人能帮我吗

---

它无法解决的原因是它无法确定对象的类型，因此我们必须提及对象的类型，因此如果我们提及类似的内容，将解决我们的问题

const material_surafce = new THREE.ShaderMaterial({vertexShader: shaderContends})

我们还可以使用

“THREE.FileLoader（）.load”直接使用文件加载器，

这也可能有助于我们解决问题

还有一种方法是着色器文件是字符串，因此我们可以通过

socket.io

获取文件的内容，并发送到客户端以在加载时加载。我以前从未这样做过