在angular nx项目中导入glsl文件

我正在尝试在组件中导入一个glsl文件(不需要带有require()的模块),但是似乎无法正常工作。

我的第一次尝试是使用模块声明创建glsl.d.ts文件,如下所示:

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

这可以解决警告,但是似乎需要专用的装载程序。

第二次尝试是使用具有以下配置的custom-webpack和glslify-loader:

module.exports = {
  module: {
    rules: [
      {
        test: /\.(glsl|frag|vert|png|svg|jpg|gif|obj)$/,use: [
            'file-loader'
        ]
      }
    ]
  }
};

但仍然无法正常工作...

有人可以帮我吗?

Here the stackbliz example

liweisb 回答:在angular nx项目中导入glsl文件

它无法解决的原因是,它无法确定对象的类型,因此必须提及对象的类型是必要的,因此,如果我们提及类似的内容,则可以解决我们的问题。

"THREE.FileLoader().load",

我们还可以直接使用socket.io使用文件加载器,这也可能有助于我们解决问题。

还有另一种方法,着色器文件将是一个字符串,因此我们可以做的是,我们可以通过// Data set 1 // var cars = new List<Car>(); [ {carWeight: 5,...},{carWeight: 6,{carWeight: 4,...} ] 获取文件的内容并将其发送到客户端以将其加载到onLoad上。我以前从未做过。

本文链接:https://www.f2er.com/3118823.html

大家都在问