Estoy buscando crear un complemento de Webpack para ayudar a mi equipo a mejorar nuestro proceso de compilación. O, al menos lo que creo que es el término correcto, "complemento de paquete web".

Estoy bastante familiarizado con Webpack en términos de conectar cosas existentes juntas (Babel, SCSS, React, Vue), etc.), aunque no tanto para hacer el mío.

Lo que me gustaría hacer a un alto nivel:

1. Escanee en un directorio en busca de archivos JS que coincidan con un patrón global. Ese JS puede importar otras cosas, como CSS.
2. Envíe la salida de cada uno de ellos a un cierto directorio "dist", todo después de pasar por Babel y esas cosas.
3. Obtenga el resultado de dónde se generó cada uno de esos archivos y haga algo con la lista de esos archivos/directorios para hacer lo que sea. Específicamente, me gustaría escribir esa salida en un archivo, pero lo que sea que funcione.

Siento que solo necesito apuntar en la dirección correcta para comenzar, siento que estoy cerca de entender.

Específicamente relacionado con Drupal, solo quiero crear definiciones de biblioteca dinámicas basadas en JavaScript y Twig que se encuentran en mis directorios de "componentes". Todavía no he encontrado una solución existente.