how can i remove comments like // or /* */

[boythl]

hi guys, i have set compress to true in my vite.config.ts,
but when i build the project, comments are still here; Eg:

uniform float uRange; // \u5C55\u793A\u533A\u95F4\r
uniform float uTotal; // \u7C92\u5B50\u603B\u6570\r
uniform vec3 uColor; //fs\u91CC\u4F1A\u7528\u5230\r

`,dt=`/**\r
 * \u98DE\u7EBF\u7247\u5143\u7740\u8272\u5668\r
 * @remark \u8BE5\u7740\u8272\u5668\u9700\u8981\u4E00\u4E2Auniform\uFF0C\r
 *         u_color\u81EA\u5B9A\u4E49\u989C\u8272\r
 */

something else i need to do?
thanks for ur help!

[UstymUkhman]

Hi @boythl! Hmm.., this shouldn't be the case since comments are always removed even during the development and compress: true is not required for this purpose. I made a quick test with shaders within this repo and cannot reproduce this issue yet.

/test/glsl/main.frag:

precision highp float;

// First Chunk:
#include /test/glsl/chunk0.frag

out highp vec4 fragColor;

void main (void) {
  fragColor = chunkFn();
}

/test/glsl/utils/chunck2.frag:

/**
 * Red Chunk:
 */

highp float chunkRed () {
  return 0.0;
}

And this is the output JS when building the project:

(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))i(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const n of t.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&i(n)}).observe(document,{childList:!0,subtree:!0});function l(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerpolicy&&(t.referrerPolicy=e.referrerpolicy),e.crossorigin==="use-credentials"?t.credentials="include":e.crossorigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function i(e){if(e.ep)return;e.ep=!0;const t=l(e);fetch(e.href,t)}})();var c="precision highp float;highp float chunkRed(){return 0.0;}highp float chunkGreen(){return 0.8;}highp vec3 chunkRGB(){return vec3(chunkRed(),chunkGreen(),0.0);}highp vec4 chunkFn(){return vec4(chunkRGB(),1.0);}out highp vec4 fragColor;void main(void){fragColor=chunkFn();}";const r=document.getElementById("app");console.info(`Shader Length: ${c.length} characters.`);r.style.backgroundColor="#222222";r.style.fontFamily="monospace";r.style.whiteSpace="pre-wrap";r.style.color="#bbbbbb";r.style.padding="16px";r.textContent=c;
//# sourceMappingURL=index-e08ad4dd.js.map

As you can see, there are no comments in GLSL source code. So I guess I need to ask you to provide a minimal reproducible example with this issue. Thanks!

[boythl]

sorry, it's my fault.
DONOT add ?raw at the end of import, or the glsl file won't be handled.

can i suggest, give a notice in readme about ?raw,
because the homepage of vite suggests that add ?raw when import glsl.

please see here:
https://vitejs.dev/guide/assets.html#importing-asset-as-string

import shaderString from './shader.glsl?raw'

[UstymUkhman]

Yep, you're might be right, it's worth mentioning in Readme of this repo. Will add to my TODO list, thanks!