npm - serve - que es gulp

Cómo instalar grunt y cómo construir script con él

Question

Hola, estoy tratando de 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 trato de hacer un grunt init , me está arrojando 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.js está ahí. alguien puede por favor guiarme cómo instalar este gruñido correctamente y cómo escribir un script creado usando el gruñido. Tengo una página HTML y una secuencia de comandos java si quiero crear un script usando Grunt, ¿cómo puedo hacerlo?

Answer 1

Alguna vez necesitamos establecer la variable PATH para WINDOWS

% USERPROFILE% / 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.

Answer 2

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

1. Asegúrese de haber configurado su package.json o configurar uno nuevo:

   npm init

2. Instale Grunt CLI como global:

   npm install -g grunt-cli

3. Instala Grunt en tu proyecto local:

   npm install grunt --save-dev

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

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

5. Ahora necesita configurar su Gruntfile.js que describirá su proceso de compilación. Para este ejemplo, simplemente combino dos archivos JS file1.js y file2.js en la carpeta js 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 siguiente comando:

   grunt

Espero que esto te dé una idea de cómo trabajar con la compilación de GruntJS.

NOTA:

Puede usar grunt-init para crear Gruntfile.js si desea la creación basada en asistente en lugar de la codificación en bruto 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/gruntfile a %USERPROFILE%/.grunt-init/ . PowerShell reconocerá el ~ correctamente.

Answer 3

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