Estoy buscando diseñar la estructura de nuestros nuevos componentes web y actualmente no estoy seguro de haber encontrado una herramienta que haga todo lo que idealmente queramos, o que llegue muy cerca, pero parece que sería una cosa bastante común querer hacer hoy en día.Administración de dependencias de componentes web; JS, CSS/SASS y archivos de plantilla
Tenemos una aplicación web que ejecuta Java en el lado del servidor, mientras que en el lado del cliente usamos JavaScript en gran medida y SASS, entre otras cosas. Estamos buscando consolidar parte de nuestra base de código y componentes de ciertos aspectos de nuestro contenido dinámico de la página.
Por ejemplo, nos gustaría tener un componente de tabla estándar que se pueda desarrollar de forma completamente independiente de la aplicación web completa. Veo el componente que tiene la siguiente tabla 3 archivos principales:
- table.js
- table.scss (SASS nuestro archivo que recopila en un archivo CSS)
- table.tmpl (nuestro archivo de plantilla que se en última instancia, compilado en una función JS, por ejemplo, el uso de algo Handlebars como un motor de plantillas)
Y a continuación, para ayudar al desarrollo:
- mesa test.html (una página de prueba con algunos datos ficticios)
- de mesa qunit.js (Qunit pruebas)
Todos estos archivos sería entonces de esperar que se compila en lo siguiente:
- components.js - table.js y table.tmpl compilados y minificados, y luego extraídos en un archivo JS más grande con todos los demás componentes
- components.css - table.scss compilados y comprimidos, y fusionados con todos los demás componentes CSS
herramientas que he visto:
- requireJS - parece ser en gran medida dirigida a la gestión de la dependencia JS con un poco de pensamiento de los archivos de recursos, pero no puede encontrar nada acerca de su uso y CSS preprocesadores como SASS. Me gusta mucho la idea de AMD JS administración de la dependencia mucho.
- Grunt - Un paquete de nodo que hace algo de lo que queremos
- Sprockets - aplicación de Ruby de algo similar a lo que queremos
- Javascript Maven plugin - Más cercana en términos de idiomas/bibliotecas (ya usamos Java y Maven), pero nuevamente, parece considerar solo la administración de dependencias de JavaScript y no CSS, o al menos los archivos de recursos SASS.
¿Alguien tiene mejores sugerencias que las de arriba? ¿Algo que se acerque un poco a lo que estamos buscando? Idealmente, algo que no requiere Node.js o Ruby sería preferible ...