Haz que Grunt genere index.html para diferentes configuraciones

Question

Sep 13, 2012, 10:08 AM

gruntjs build-automation build javascript

Haz que Grunt genere index.html para diferentes configuraciones

Estoy tratando de usar Grunt como una herramienta de compilación para mi aplicación web.

Quiero tener al menos dos configuraciones:

I. configuración de desarrollo - Cargar scripts desde archivos separados, sin concatenación,

así que mi index.html se vería algo así como:

<!DOCTYPE html>
<html>
    <head>
        <script src="js/module1.js" />
        <script src="js/module2.js" />
        <script src="js/module3.js" />
        ...
    </head>
    <body></body>
</html>

II. Configuración de producción - Cargar mis scripts minificados y concatenados en un archivo,

con index.html en consecuencia:

<!DOCTYPE html>
<html>
    <head>
        <script src="js/MyApp-all.min.js" />
    </head>
    <body></body>
</html>

La pregunta es,¿Cómo puedo hacer que Grunt haga estos index.html dependiendo de la configuración cuando ejecuto?grunt dev ogrunt prod?

O tal vez estoy cavando en la dirección equivocada y sería más fácil generar siempreMyApp-all.min.js pero, ¿inserta todos mis scripts (concatenados) o un script de carga que carga de forma asíncrona esos scripts desde archivos separados?

¿Cómo lo haces, chicos?

Deja tu comentario