Pour configurer la construction de GruntJS, voici les étapes:
Assurez-vous que vous avez 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. Juste pour le plaisir de cet exemple, je vais ajouter le module Concat pour combiner des fichiers ensemble:
npm install grunt-contrib-concat --save-dev
Vous devez maintenant 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 js
dossier 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-contrib-concat');
// Task definitions
grunt.registerTask('default', ['concat']);
};
Vous serez maintenant prêt à exécuter votre processus de construction en suivant la commande:
grunt
J'espère que cela vous donnera une idée de la manière de travailler avec la version GruntJS.
REMARQUE:
Vous pouvez utiliser grunt-init
pour créer Gruntfile.js
si vous voulez une création basée sur un assistant au lieu du codage 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 de Windows: si vous utilisez cmd.exe, vous devez passer ~/.grunt-init/gruntfile
à %USERPROFILE%\.grunt-init\
. PowerShell reconnaîtra ~
correctement le.
npm install -g grunt
signifie installer Grunt globalement, ce qui n'est plus recommandé (à partir de Grunt 0.4).