Wie Grunt zu installieren und Skript mit ihm zu erstellen

Question

Hallo Ich versuche, Grunt auf Windows 7 64 Bit zu installieren. Ich habe Grunt mit Befehlen installiert

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

aber jetzt, wenn ich versuche, grunt init zu tun, es wirft mir einen Fehler -

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.

Aber wenn ich in den Grunzen Ordner auf meinem System aussehen Gruntfile.js ist Dort. kann mir bitte jemand sagen, wie man diesen Grunzer richtig installiert und wie man mit dem Grunt gebautes Skript schreibt. Ich habe eine HTML-Seite und ein Java-Skript, wenn ich ein Skript mit Grunt erstellen möchte, wie kann ich das tun?

Answer 1

GruntJS Zur Einrichtung bauen hier die Schritte:

1. Stellen Sie sicher, dass Setup Ihre package.json oder Setup neu haben:

   npm init 
   

2. Installieren Grunt CLI als global:

   npm install -g grunt-cli 
   

3. Installieren Sie Grunt in Ihrem lokalen Projekt:

   npm install grunt --save-dev 
   

4. Installieren Sie alle Grunt-Module, die Sie möglicherweise in Ihrem Build-Prozess benötigen.

   npm install grunt-contrib-concat --save-dev 
   

5. Jetzt müssen Sie die Einrichtung Ihres Gruntfile.js die Buildprozess beschreiben: Nur für Zwecke dieser Probe werde ich Concat Modul zum Kombinieren von Dateien zusammen fügen. Ich kombiniere nur zwei JS Dateien für dieses Beispiel file1.js und file2.js im js Ordner und erzeugen 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']); 
   }; 
   

6. Jetzt müssen Sie bereit sein, Ihren Build-Prozess durch folgenden Befehl auszuführen:

   grunt 
   

Ich hoffe, das gibt Ihnen eine Idee, wie Sie mit GruntJS Build arbeiten.

HINWEIS:

Sie können grunt-init verwenden für das Erstellen Gruntfile.js, wenn Sie anstelle von Roh-Codierung für Schritt-Assistenten-basierte Erstellung wollen 5.

so zu tun, gehen Sie wie folgt vor:

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

Für Windows-Benutzer: Wenn Sie cmd.exe verwenden, müssen Sie ~/.grunt-init/gruntfile zu %USERPROFILE%\.grunt-init\ ändern. PowerShell erkennt die ~ korrekt.

Answer 2

Ich habe das gleiche Problem, aber ich löste es mit der Änderung meiner Grunt.js zu Gruntfile.js Überprüfen Sie Ihren Dateinamen vor der Eingabe von grunt.cmd auf Windows cmd (wenn Sie Windows verwenden).

Answer 3

Einige Zeit brauchen wir für WINDOWS PATH-Variable setzen

%USERPROFILE%\AppData\Roaming\npm

Nach diesem Test mit where grunt

Hinweis: Vergessen Sie nicht die Eingabeaufforderung, und öffnen Sie es zu schließen.