Ter Grunt gerar index.html para diferentes configurações

Question

Sep 13, 2012, 10:08 AM

gruntjs javascript build-automation build

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?