Comment installer grunt et comment construire un script avec

Bonjour, j’essaie d’installer Grunt sur Windows 7 64 bits. J’ai installé Grunt en utilisant des commandes

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

mais maintenant si j’essaie de faire grunt init , il me jette une erreur –

Un fichier Gruntfile valide est introuvable. Veuillez consulter le guide de démarrage pour plus d’informations sur la configuration de grunt: http://gruntjs.com/getting-started Erreur fatale: impossible de trouver Gruntfile.

Mais quand je regarde à l’intérieur du dossier grunt de mon système, le Gruntfile.js est là. Quelqu’un peut-il me guider s’il vous plaît comment installer ce grognement correctement et comment écrire un script construit en utilisant le grognement. J’ai une page HTML et un script java si je veux créer un script avec Grunt. Comment puis-je le faire?

Pour configurer la version de GruntJS, voici les étapes:

  1. Assurez-vous d’avoir configuré votre package.json ou en configurer un nouveau:

     npm init 
  2. Installez Grunt CLI en tant que global:

     npm install -g grunt-cli 
  3. Installez Grunt dans votre projet local:

     npm install grunt --save-dev 
  4. Installez tout module Grunt dont vous pourriez avoir besoin dans votre processus de construction. Pour simplifier, je vais append le module Concat pour combiner des fichiers:

     npm install grunt-consortingb-concat --save-dev 
  5. Maintenant, vous devez configurer votre Gruntfile.js qui décrira votre processus de construction. Pour cet exemple, je combine simplement deux fichiers JS file1.js et file2.js dans le dossier js et génère 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-consortingb-concat'); // Task definitions grunt.registerTask('default', ['concat']); }; 
  6. Vous serez maintenant prêt à exécuter votre processus de construction en suivant la commande suivante:

     grunt 

J’espère que cela vous donnera une idée de la manière de travailler avec GruntJS.

REMARQUE:

Vous pouvez utiliser grunt-init pour créer Gruntfile.js si vous souhaitez créer Gruntfile.js assistant au lieu d’un code brut pour l’étape 5.

Pour ce faire, procédez comme suit:

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

Pour les utilisateurs Windows: Si vous utilisez cmd.exe, vous devez remplacer ~/.grunt-init/gruntfile par %USERPROFILE%\.grunt-init\ . PowerShell reconnaîtra le ~ correctement.

J’ai eu le même problème, mais je l’ai résolu en changeant mon Grunt.js en Gruntfile.js Vérifiez votre nom de fichier avant de taper grunt.cmd sur Windows cmd (si vous utilisez Windows).

Quelque temps, nous devons définir la variable PATH pour WINDOWS

% USERPROFILE% \ AppData \ Roaming \ npm

Après ce test avec where grunt

Remarque: N’oubliez pas de fermer la fenêtre d’invite de commandes et de la rouvrir.