Comment installer grunt et comment construire un script avec

Question

Salut, je suis en train d'installer Grunt sur window7 64 bits. J'ai installé le Grognement à l'aide de la commande

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

mais maintenant, si j'essaie de faire grunt init c'est en me jetant une erreur.

Valide Gruntfile n'a pas pu être trouvé. Veuillez consulter le guide de démarrage pour plus d'informations sur la façon de configurer grunt: http://gruntjs.com/getting-started Erreur fatale: Impossible de trouver Gruntfile.

Mais quand je regarde à l'intérieur de la grognement dossier sur mon syster l'Gruntfile.js est-il. quelqu'un peut-il svp me guider comment faire pour installer ce grognement correctement et comment l'écrire construit Script à l'aide de la grognement. J'ai une page HTML et java script si je souhaite intégré un script à l'aide de Grunt comment puis-je le faire?

Answer 1

Pour l'installation de GruntJS construire voici les étapes:

1. Assurez vous d'avoir configuré votre package.json ou installation nouvelle:

   npm init
   

2. Installer Grunt CLI mondiale:

   npm install -g grunt-cli
   

3. Installer Grunt dans votre projet:

   npm install grunt --save-dev
   

4. Installer tout Grunt Module, vous pourriez avoir besoin dans votre processus de création. Juste pour les besoins de cet exemple, je vais ajouter Concat module pour combiner des fichiers:

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

5. Maintenant, vous devez configurer votre Gruntfile.js qui va décrire votre processus de build. Pour cet exemple je viens de combiner deux fichiers JS file1.js et file2.js dans la js le dossier et de générer 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. Maintenant, vous serez prêt à lancer votre processus de construction par la commande suivante:

   grunt
   

J'espère que cela vous donne une idée de comment travailler avec GruntJS construire.

NOTE:

Vous pouvez utiliser grunt-init pour la création d' Gruntfile.js si vous voulez un assistant de création au lieu de matières premières de codage pour l'étape 5.

Pour ce faire, veuillez suivre ces étapes:

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

Pour les utilisateurs de Windows: Si vous utilisez cmd.exe vous avez besoin de changer de ~/.grunt-init/gruntfile de %USERPROFILE%\.grunt-init\. PowerShell reconnaître l' ~ correctement.