Ter Grunt gerar index.html para diferentes configurações
Eu estou tentando usar o Grunt como uma ferramenta de compilação para o meu webapp.
Eu quero ter pelo menos duas configurações:
I. configuração de desenvolvimento - carrega scripts de arquivos separados, sem concatenação,
então meu index.html seria algo 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. Configuração de produção - carregar meus scripts minificados e concatenados em um arquivo,
com index.html de acordo:
<!DOCTYPE html>
<html>
<head>
<script src="js/MyApp-all.min.js" />
</head>
<body></body>
</html>
A questão é,como posso fazer grunt fazer estes index.html dependendo da configuração quando eu corrogrunt dev
ougrunt prod
?
Ou talvez eu esteja cavando na direção errada e seria mais fácil gerar sempreMyApp-all.min.js
mas colocar dentro dele todos os meus scripts (concatenados) ou um script loader que carregue de forma assíncrona esses scripts a partir de arquivos separados?
Como você faz isso, pessoal?