咨询：Phaser3项目模板webpack.config.js中vert与frag规则的含义

嘿，这俩扩展名可不是随便瞎取的，它们是WebGL着色器的标准后缀，在Phaser这类基于WebGL的游戏框架里是核心角色：

• .vert：全称是**Vertex Shader（顶点着色器）**文件。简单说，它的工作是告诉GPU如何处理图形的每个顶点数据——比如顶点的位置、纹理坐标、颜色信息，相当于给GPU画图形“打草稿定位置”，是渲染流水线的第一步。
• .frag：全称是**Fragment Shader（片段着色器，也叫像素着色器）**文件。它负责计算屏幕上每个像素（或者说“片段”）的最终颜色和透明度，决定你最终看到的画面是什么样子的，是渲染流水线里负责“上色”的关键环节。

至于你贴的Webpack配置里用raw-loader处理它们，原因也很直白：WebGL需要直接拿到这些着色器的原始文本代码来编译执行，不需要像JS文件那样转译。raw-loader的作用就是把文件内容原封不动地转成字符串，方便Phaser在调用WebGL API时直接使用。

内容的提问来源于stack exchange，提问作者klewis