Cómo instalar grunt y cómo crear un script con él

Hola, estoy intentando instalar Grunt en Windows 7 de 64 bits. He instalado Grunt usando comandos

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

pero ahora si intento hacerlo grunt init, me está lanzando un error -

No se pudo encontrar un Gruntfile válido. Consulte la guía de introducción para obtener más información sobre cómo configurar grunt: http://gruntjs.com/getting-started Error fatal: No se puede encontrar Gruntfile.

Pero cuando miro dentro de la carpeta grunt en mi sistema, Gruntfile.jsestá ahí. ¿Alguien puede guiarme sobre cómo instalar correctamente este gruñido y cómo escribir un script integrado usando el gruñido? Tengo una página HTML y un script Java. Si quiero crear un script con Grunt, ¿cómo puedo hacerlo?

Para configurar la compilación de GruntJS, aquí están los pasos:

1. Asegúrese de haber configurado package.jsono configurado uno nuevo:

   npm init
   

2. Instale Grunt CLI como global:

   npm install -g grunt-cli
   

3. Instale Grunt en su proyecto local:

   npm install grunt --save-dev
   

4. Instale cualquier módulo Grunt que pueda necesitar en su proceso de construcción. Solo por el bien de esta muestra, agregaré el módulo Concat para combinar archivos:

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

5. Ahora necesita configurar su Gruntfile.jsque describirá su proceso de construcción. Para esta muestra, simplemente combino dos archivos JS file1.jsy file2.jsen la jscarpeta y genero 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. Ahora estará listo para ejecutar su proceso de compilación siguiendo el comando:

   grunt
   

Espero que esto le dé una idea de cómo trabajar con GruntJS build.

NOTA:

Puede usar grunt-initpara crear Gruntfile.jssi desea una creación basada en asistente en lugar de codificación sin formato para el paso 5.

Para hacerlo, siga estos pasos:

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

Para usuarios de Windows: si está utilizando cmd.exe, debe cambiar ~/.grunt-init/gruntfilea %USERPROFILE%\.grunt-init\. PowerShell reconocerá ~correctamente.

En algún momento necesitamos establecer la variable PATH para WINDOWS

% PERFIL DE USUARIO% \ AppData \ Roaming \ npm

Después de esa prueba con where grunt

Nota: No olvide cerrar la ventana del símbolo del sistema y volver a abrirla.

Tengo el mismo problema, pero lo resolví cambiando mi Grunt.js a Gruntfile.js Verifique el nombre de su archivo antes de escribir grunt.cmd en Windows cmd (si está usando Windows).

Debería instalar grunt-cli en devDependencies del proyecto y luego ejecutarlo mediante un script en su package.json. De esta manera, otros desarrolladores que trabajen en el proyecto usarán la misma versión de grunt y no tendrán que instalarlo globalmente como parte de la configuración.

Instale grunt-cli con en npm i -D grunt-clilugar de instalarlo globalmente con -g.

//package.json

...

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

Luego usa npm run buildpara disparar gruñido.