Una buena forma de separar las plantillas del lado del cliente del diseño principal

¿Cuál es la mejor manera de lidiar con múltiples plantillas del lado del cliente?

Me di cuenta de que si los guardo en mi archivo html "madre", pronto se llena de cosas, así que pensé que tal vez sería mejor si los pusiera en archivos js separados y los cargara uno por uno.

Otra idea mía fue evitar ponerlas por separado como plantillas, sino escribirlas como cadenas y unirlas con las vistas de backbone.js que las van a usar. Sé que esto traería muchos comentarios negativos de los diseñadores, desarrolladores web e ingenieros de software en general, pero para los proyectos en los que estoy trabajando, parece una forma muy rápida de desarrollar porque tengo la lógica y el diseño al mismo tiempo. . Además, mediante ingeniería inversa, probé que un montón de servicios web destacados están haciendo lo mismo, así que...

preguntado el 12 de junio de 12 a las 10:06

3 Respuestas

Una opción es usar RequireJS, Que incluye una Complemento de 'texto' para plantillas.

A continuación, puede utilizar el optimizador r.js para combinar todo esto (más los módulos JS, si sigue esa ruta) en un solo archivo.

El optimizador se puede ejecutar como parte de su proceso de compilación o durante el proceso si usa node.js.

Respondido el 12 de junio de 12 a las 10:06

Puede tenerlos en archivos separados, pero combinarlos en un solo archivo en el lado del servidor.

Y toma muchas negativas de mí por tu idea de mantener las plantillas en cadenas :). Puede funcionar hasta que sean simples, pero cuando se vuelven más complejos empeoran, porque la estructura html no es tan obvia, por lo que es más difícil escribir css, etc.

Respondido el 12 de junio de 12 a las 10:06

Como dijo @stusmith, require.js es una buena opción.

también, eche un vistazo a los ejemplos del repetitivo

aplausos

Respondido el 12 de junio de 12 a las 15:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.