解决vue3 vite导入glsl文件时不识别该文件

用Vite带来的实际好处就是我们可以更快更高效的开发应用。快速的启动和构建意味着更快的调试反馈循环和更快的部署上线。简单的配置和原生的开发体验使我们可以更专注在产品实现上,而不会被各种工程化的问题所耽误。尤其是对前端应用来说,打造一个好的开发体验和生产环境构建效率至关重要。Vite正是专注于此而生的工具,所以对工作中前端工程的优化有很大帮助。总之,我会强烈推荐团队考虑在新项目中使用Vite,以获得最大的开发效率提升。这些就是我眼中的Vite相比Webpack在工作中的几个主要优势。当然,Webpack也有其独特的优势,如生态更丰富以及对旧浏览器更友好的兼容性等。
然而小在下在开发threejs时候使用vite配置导入glsl着色器文件的时候却出错了，提示找不到glsl模块。
报错信息类似如下
找不到模块“…/glsl/basic/vertex.glsl”或其相应的类型声明。

import fragment from '../glsl/basic/fragment.glsl'
import vertex from '../glsl/basic/vertex.glsl'

经过在下的不懈努力查询不少网站，终于找到了方法，只需要在文件后面加上“？raw”让vue识别成以字符串导入即可如下：

import fragment from '../glsl/basic/fragment.glsl?raw'
import vertex from '../glsl/basic/vertex.glsl?raw'