Necesito: minimizar el archivo JS con la extensión de la tienda, pero no puedo encontrar una opción para eliminar los espacios en blanco entre las etiquetas html en las variables
Yo uso: JS & CSS Minifier (Minify) - https://marketplace.visualstudio.com/items?itemName=olback.es6-css-minify (porque me da pereza configurar un Webpack)
Entonces, si la entrada es:
html = `<li class="item"> <div class="text"> <p>${array[i]}</p> </div> </li>`;
La salida es solo:
s=`<li class="item">\n <div class="text">\n <p>${o[r]}</p>\n </div>\n </li>`;
La extensión usa Terser para minimizar el código, pero no pude encontrar ninguna opción para eliminar los espacios en blanco. Gracias por la ayuda.
No puedo sugerir ningún complemento para usted. Puede haber una selección limitada, ya que esta no es realmente la forma correcta de hacer las cosas, pero parece que te das cuenta de esto.
Si insiste en hacer esto y no puede encontrar un complemento que se ajuste a sus necesidades, siempre puede usar CTRL+F con la expresión regular (?: |\n)
:
Si usa tabuladores en lugar de espacios, entonces debería poder reemplazarlos con \t
.
El problema es que esto obviamente reemplazará los espacios dentro de su documento, pero dado que los navegadores eliminan automáticamente los espacios adicionales, es de esperar que esto no sea un problema.
Sugeriría investigar vite. Es una alternativa más nueva y más rápida al paquete web, y personalmente lo encuentro mucho más fácil de usar y comprender.