Niech Grunt wygeneruje index.html dla różnych ustawień

Question

Sep 13, 2012, 10:08 AM

build-automation gruntjs javascript build

Niech Grunt wygeneruje index.html dla różnych ustawień

Próbuję użyć Grunt jako narzędzia do budowania mojej aplikacji internetowej.

Chcę mieć co najmniej dwie konfiguracje:

I. Konfiguracja rozwojowa - ładowanie skryptów z oddzielnych plików, bez konkatenacji,

więc mój index.html wyglądałby następująco:

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

II. Konfiguracja produkcji - załaduj moje skrypty zminimalizowane i połączone w jeden plik,

odpowiednio z index.html:

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

Pytanie brzmi,jak mogę zrobić grunt, aby te index.html były zależne od konfiguracji, gdy uruchomięgrunt dev lubgrunt prod?

A może kopię w złym kierunku i łatwiej byłoby zawsze generowaćMyApp-all.min.js ale umieść w nim wszystkie moje skrypty (połączone) lub skrypt ładujący, który asynchronicznie ładuje te skrypty z oddzielnych plików?

Jak to robicie, chłopaki?