Node.js
grymta

Anmärkningar

Introduktion till GruntJs

Grunt är en JavaScript Task Runner, som används för automatisering av upprepade uppgifter som minifiering, sammanställning, enhetstestning, fodring etc.

För att komma igång, vill du installera Grunt kommandoradgränssnitt (CLI) globalt.

npm install -g grunt-cli

Förbereda ett nytt Grunt-projekt: En typisk installation innebär att du lägger till två filer till ditt projekt: package.json och Gruntfile.

package.json: Denna fil används av npm för att lagra metadata för projekt som publiceras som npm-moduler. Du kommer att lista grunt och de Grunt-plugins som ditt projekt behöver som avhängighet i denna fil.

Gruntfile: Den här filen heter Gruntfile.js och används för att konfigurera eller definiera uppgifter och ladda Grunt-plugins.

Example package.json:

{
  "name": "my-project-name",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "grunt-contrib-uglify": "~0.5.0"
  }
}

Exempel gruntfile:

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uglify: {
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
      },
      build: {
        src: 'src/<%= pkg.name %>.js',
        dest: 'build/<%= pkg.name %>.min.js'
      }
    }
  });

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-uglify');

  // Default task(s).
  grunt.registerTask('default', ['uglify']);

};

Installera gruntplugins

Lägga till beroende

För att använda ett gruntplugin måste du först lägga till det som ett beroende till ditt projekt. Låt oss använda jshint-plugin som ett exempel.

npm install grunt-contrib-jshint --save-dev

--save-dev används för att lägga till plugin i package.json , på så sätt installeras plugin alltid efter en npm install .

Laddar plugin

Du kan ladda din plugin i gruntfile-filen med loadNpmTasks .

grunt.loadNpmTasks('grunt-contrib-jshint');

Konfigurera uppgiften

Du konfigurerar uppgiften i gruntfilen och lägger till en egenskap som heter jshint till objektet som skickas till grunt.initConfig .

grunt.initConfig({
  jshint: {
    all: ['Gruntfile.js', 'lib/**/*.js', 'test/**/*.js']
  }
});

Glöm inte att du kan ha andra egenskaper för andra plugins som du använder.

Kör uppgiften

För att bara köra uppgiften med plugin kan du använda kommandoraden.

grunt jshint

Eller så kan du lägga till jshint i en annan uppgift.

grunt.registerTask('default', ['jshint']);

Standarduppgiften körs med gryntkommandot i terminalen utan några alternativ.