README.pt-Br.md

grunt-steps : 03 - avançado (en)

Uso avançado do Grunt

• os plugins do grunt são carregados com o jit-grunt na linha 8 do Gruntfile.js
• as configurações das tarefas do grunt estão definidas nas linhas 14-27 do Gruntfile.js
  • as configurações das tarefas do grunt estão separadas por arquivos no diretório ./grunt/config_task e carregadas na linha 25 do Gruntfile.js
  • as principais configurações do projeto estão centralizadas no ./grunt/config.js e adicionado nas configurações do grunt na linha 20 do Gruntfile.js
• as tarefas customizadas do grunt estão definidas nas linhas 29-93 do Gruntfile.js
• as principais tarefas e a default(padrão) do grunt estão definidas nas linhas 75-91 do Gruntfile.js

Pré-requisitos

• Necessário ter o Git instalado

• Necessário ter o node.js (v0.10.x ou superior) instalado com o npm (Node Package Manager)

• Necessário ter o Grunt.js CLI instalado como pacote global do node. sudo npm install -g grunt-cli

• Necessário ter o bower instalado como pacote global do node. sudo npm install -g bower

Guia de Instalação

Digite os comandos abaixo no terminal

git clone https://github.com/soudev/grunt-steps.git
cd grunt-steps/03
npm install

Comandos

Executa o grunt

npm start

Grunt.js

• fluxo de desenvolvimento

grunt

• construção (versão para produção)

grunt release

• visualiza a versão construída

grunt preview

Comandos no Mac

Lista de comandos que criaram o projeto

npm init

npm install \
  jshint-stylish \
  time-grunt \
  jit-grunt \
  grunt \
  grunt-contrib-watch \
  grunt-contrib-clean \
  grunt-contrib-copy \
  grunt-contrib-concat \
  grunt-contrib-uglify \
  grunt-contrib-htmlmin \
  grunt-contrib-cssmin \
  grunt-contrib-jshint \
  grunt-lintspaces \
  grunt-newer \
  grunt-browser-sync \
  grunt-filerev \
  grunt-usemin \
  --save-dev

touch Gruntfile.js

bower init

bower install \
  jquery \
  --save

Links

• jQuery

--

• Grunt.js

  • Grunt.js : Configuring Tasks - templates

  • [GitHub] sindresorhus / time-grunt - Display the elapsed execution time of grunt tasks

  • [GitHub] shootaroo / jit-grunt - JIT(Just In Time) plugin loader for Grunt.

  • [GitHub] gruntjs / grunt - Grunt: The JavaScript Task Runner

  • [GitHub] gruntjs / grunt-contrib-watch - Run tasks whenever watched files change.

  • [GitHub] gruntjs / grunt-contrib-clean - Clear files and folders.

  • [GitHub] gruntjs / grunt-contrib-copy - Copy files and folders.

  • [GitHub] gruntjs / grunt-contrib-concat - Concatenate files.

  • [GitHub] gruntjs / grunt-contrib-uglify - Minify files with UglifyJS.

  • [GitHub] gruntjs / grunt-contrib-htmlmin - Minify HTML.

  • [GitHub] gruntjs / grunt-contrib-cssmin - Compress CSS files.

  • [GitHub] gruntjs / grunt-contrib-jshint - Validate files with JSHint.

  • [GitHub] schorfES / grunt-lintspaces - A Grunt task for checking spaces in files.

  • [GitHub] tschaub / grunt-newer - Configure Grunt tasks to run with newer files only.

  • [GitHub] BrowserSync / grunt-browser-sync - Grunt Task for keeping multiple browsers & devices in sync when building websites.

  • [GitHub] yeoman / grunt-filerev - File revving

  • [GitHub] yeoman / grunt-usemin - Replaces references to non-optimized scripts or stylesheets into a set of HTML files (or any templates/views)

    • grunt-usemin | Grunt Tasks - Automated optimization of css, js and html files.

      • [GitHub] kanakiyajay / grunt-tasks - This repo is for all the Gruntfile.js for grunt plugins

Licença

• MIT