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?