Tengo un proyecto de javascript que usa el paquete vite. https://vitejs.dev/

CSS y JS se minimizan con éxito en el sitio de producción https://vercel.com

pero HTML todavía tiene los comentarios <!-- comments -->

(Estoy usando javascript vainilla, no reacciono)

He visto la pestaña de problemas de GitHub, pero no entiendo nada (y lo que resuelven técnicamente no aparece en la página web de DOCS)

• aquí: https://github.com/vitejs/vite/pull/793 (he visto algo como apply configuración, pero los documentos no muestran cómo usarlo o flush )

básicamente, quiero que el entorno de desarrollo tenga comentarios que muestren los detalles de algo,
pero en producción, los comentarios no se presionan.

aquí traté de hacer un ejemplo simplificado (no un ejemplo real) para mostrar el problema:

por qué la producción tiene el <!-- <button> --> mientras que js con todos los comentarios se eliminan. (y también cómo eliminar espacios y pestañas en HTML para archivos gzip más pequeños index.html

quiero ser asi:

(aquí una herramienta que minifica https://www.willpeavy.com/tools/minifier/ )

si probaste con vite y no funciona,
Te diré una pista:

por lo que sé, vite usa rollup debajo del capó, por lo que tal vez haya una configuración en rollup que pueda funcionar bien para vite, ¿encuentra algunos documentos al respecto?

Uso vite para no preocuparme por la configuración o tener menos configuraciones posibles, pero tal vez sea este el caso para usar configuraciones.