Come installare grunt e come creare script con esso

Ciao, sto cercando di installare Grunt su Windows 7 a 64 bit. Ho installato Grunt usando i comandi

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

ma ora se provo a farlo grunt init, mi sta lanciando un errore -

Non è stato possibile trovare un Gruntfile valido. Consultare la guida introduttiva per ulteriori informazioni su come configurare grunt: http://gruntjs.com/getting-started Errore irreversibile: impossibile trovare Gruntfile.

Ma quando guardo all'interno della cartella grunt sul mio sistema, Gruntfile.jsè lì. qualcuno può guidarmi per favore come installare correttamente questo grugnito e come scrivere script compilato usando il grugnito. Ho una pagina HTML e uno script java se voglio creare uno script usando Grunt come posso farlo?

Per configurare GruntJS build ecco i passaggi:

1. Assicurati di aver configurato package.jsono impostato uno nuovo:

   npm init
   

2. Installa Grunt CLI come globale:

   npm install -g grunt-cli
   

3. Installa Grunt nel tuo progetto locale:

   npm install grunt --save-dev
   

4. Installa qualsiasi modulo Grunt di cui potresti aver bisogno nel tuo processo di compilazione. Solo per il bene di questo esempio aggiungerò il modulo Concat per combinare i file insieme:

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

5. Ora devi impostare il tuo Gruntfile.jsche descriverà il tuo processo di costruzione. Per questo esempio, combino solo due file JS file1.jse file2.jsnella jscartella e creo 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. Ora sarai pronto per eseguire il processo di compilazione seguendo il comando:

   grunt
   

Spero che questo ti dia un'idea di come lavorare con GruntJS build.

NOTA:

Puoi usare grunt-initper creareGruntfile.js se si desidera la creazione basata su procedura guidata invece della codifica grezza per il passaggio 5.

Per farlo, segui questi passaggi:

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

Per utenti Windows: se si utilizza cmd.exe, è necessario passare ~/.grunt-init/gruntfilea %USERPROFILE%\.grunt-init\. PowerShell riconoscerà ~correttamente.

Qualche volta abbiamo bisogno di impostare la variabile PATH per WINDOWS

% USERPROFILE% \ AppData \ Roaming \ npm

Dopo quel test con where grunt

Nota: non dimenticare di chiudere la finestra del prompt dei comandi e di riaprirla.

Ho avuto lo stesso problema, ma l'ho risolto cambiando il mio Grunt.js in Gruntfile.js Controlla il nome del tuo file prima di digitare grunt.cmd su Windows cmd (se stai usando Windows).

Dovresti installare grunt-cli nelle devDependencies del progetto e quindi eseguirlo tramite uno script nel tuo package.json. In questo modo gli altri sviluppatori che lavorano al progetto useranno tutti la stessa versione di grunt e non dovranno installare globalmente come parte del setup.

Installa grunt-cli con npm i -D grunt-cliinvece di installarlo globalmente con -g.

//package.json

...

"scripts": {
  "build": "grunt"
}

Quindi usa npm run buildper sparare grugnito.