Estoy limpiando un conjunto de páginas web antiguas que cargan una gran cantidad de JS heredados uno por uno:
<html> <head> <script src="/js/module1.js" /> <script src="/js/module2.js" /> <script src="/js/module3.js" /> ... <script src="/js/module20.js" />Todos son archivos bastante pequeños, por lo que una sola llamada a un paquete JS combinado sería más rápido, especialmente con el caché activado (pregunte una vez por "no modificado" en lugar de 20 veces).
Entonces pensé en usar rollupJS pero me cuesta entender cómo lograr mi objetivo. Lo intenté
rollup js/*.js --file bundle.jspara obtener el error:
[!] Error: valor no válido para la opción "output.file": al crear varios fragmentos, se debe usar la opción "output.dir", no "output.file". Para realizar importaciones dinámicas en línea, establezca la opción "inlineDynamicImports".
Entonces probé:
rollup js/*.js --dir tempResultó en un directorio de archivos individuales procesados.
así que próximo intento:
rollup js/*.js --file bundle.js --inlineDynamicImportsError: valor no válido para la opción "output.inlineDynamicImports": no se admiten varias entradas cuando "output.inlineDynamicImports" es verdadero
¿Qué echo de menos o necesito una herramienta diferente?
Objetivo: tomar todo el JS en el directorio y combinarlo y minimizarlo en un archivo JS