Jak zainstalować grunt i jak go zbudować

Witam Próbuję zainstalować Grunt na Windows 7 64 bit. Mam zainstalowany Grunt przy użyciu poleceńJak zainstalować grunt i jak go zbudować

npm install -g grunt 
npm install -g grunt-cli

ale teraz gdy próbuję zrobić grunt init, to rzuca mi błąd -

A valid Gruntfile could not be found. Please see the getting started guide for more information on how to configure grunt: http://gruntjs.com/getting-started Fatal error: Unable to find Gruntfile.

Ale kiedy patrzę w folderze grunt na moim systemie Gruntfile.js jest tam. Czy ktoś może mi wskazać, jak zainstalować to gruntownie i jak napisać wbudowany skrypt za pomocą chrząkania. Mam jedną stronę HTML i skrypt Java, jeśli chcę zbudować skrypt używając Grunt, jak mogę to zrobić?

Źródło

2013-03-29 Sau

'npm install -g mother' oznacza instalowanie Grunta na całym świecie, co nie jest już zalecane (począwszy od Grunt 0.4). – Ludder

180

Aby GruntJS konfiguracji zbudować tutaj jest etapy:

upewnić się, że konfiguracja Twojego package.json lub konfiguracji nowe:
```
npm init 
```
Install Grunt CLI jako globalny:
```
npm install -g grunt-cli 
```
Zainstaluj Grunt w lokalnym projekcie:
```
npm install grunt --save-dev 
```
Zainstaluj dowolny moduł Grunt, który może być potrzebny w procesie kompilacji. Tylko przez wzgląd na tej próbce dodam moduł Concat do łączenia plików razem:
```
npm install grunt-contrib-concat --save-dev 
```

Teraz musisz skonfigurować swoją Gruntfile.js które opisują proces kompilacji. W tym przykładzie po prostu połączyć dwa pliki JS file1.js i file2.js w folderze js i generować app.js:

module.exports = function(grunt) { 

    // Project configuration. 
    grunt.initConfig({ 
     concat: { 
      "options": { "separator": ";" }, 
      "build": { 
       "src": ["js/file1.js", "js/file2.js"], 
       "dest": "js/app.js" 
      } 
     } 
    }); 

    // Load required modules 
    grunt.loadNpmTasks('grunt-contrib-concat'); 

    // Task definitions 
    grunt.registerTask('default', ['concat']); 
};

Teraz będziesz gotowy, aby uruchomić proces budowania wykonując polecenia:
```
grunt 
```

Mam nadzieję, że dzięki temu dowiesz się, jak pracować z kompilacją GruntJS.

UWAGA:

Można użyć grunt-init tworzenia Gruntfile.js jeśli chcesz kreatora tworzenia opartych zamiast surowego kodujących kroku 5.

Aby to zrobić, wykonaj następujące kroki:

npm install -g grunt-init 
git clone https://github.com/gruntjs/grunt-init-gruntfile.git ~/.grunt-init/gruntfile 
grunt-init gruntfile

Dla użytkowników systemu Windows: Jeśli używasz programu cmd.exe, musisz zmienić ~/.grunt-init/gruntfile na %USERPROFILE%\.grunt-init\. PowerShell rozpozna poprawnie ~.

Źródło

2013-03-29 22:41:33 Qorbani

Ta odpowiedź musi być zaakceptowana. +1 –

tego właśnie szukałem, dzięki. również czy jest wymagane, aby plik gruntfile.js został umieszczony w folderze głównym projektu (nie można go uruchomić, aby działał inaczej w systemie Windows)? – chester89

Czy krok 5 może zostać ustawiony w zasadzie za pomocą 'grunt init init: gruntfile'? Próbowałem to zrobić, ale zawsze mam błąd: 'Błąd krytyczny: Nie można znaleźć pliku Gruntfile'. Czy tworzenie Gruntfile.js zawsze jest procesem ręcznym? Jeśli tak, widzę korzyść z używania Yeomana, gdy plik Gruntfile.js jest generowany automatycznie (i to nadal dotyczy projektów, które sam utworzyłem, które w rzeczywistości nie są aplikacjami webowymi) – micah

Mam ten sam problem, ale rozwiązałem go zmieniając moje Grunt.js na Gruntfile.js Sprawdź nazwę pliku przed wpisaniem pliku .cmd na windows cmd (jeśli używasz Windows).

Źródło

2015-03-18 05:56:07 andromada

Jakiś czas musimy ustawić zmienną PATH dla Windows

%USERPROFILE%\AppData\Roaming\npm

Po tym teście z where grunt

Uwaga: Nie zapomnij, aby zamknąć okno wiersza polecenia, a następnie uruchom go ponownie.

Źródło

2016-08-03 10:51:17

Jak zainstalować grunt i jak go zbudować

Odpowiedz

Powiązane problemy