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:
Assurez-vous d’avoir configuré votre package.json
ou en configurer un nouveau:
npm init
Installez Grunt CLI en tant que global:
npm install -g grunt-cli
Installez Grunt dans votre projet local:
npm install grunt --save-dev
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
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']); };
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.