Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Grunt

Avatar for Hugo Deiró Hugo Deiró
May 12, 2016
Programming
0
24

 Grunt

An introduction to the Grunt Tool
Avatar for Hugo Deiró

Hugo Deiró

May 12, 2016
Tweet

More Decks by Hugo Deiró

See All by Hugo Deiró
Introduction to NPM
Avatar for Hugo Deiró hdeiro
0
64

Other Decks in Programming

See All in Programming
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
Avatar for Márton Braun zsmb
1
270
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
Avatar for ANDPAD inc andpad
0
280
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
PipeCDのプラグイン化で目指すところ
Avatar for Warashi warashi
1
230
5つのアンチパターンから学ぶLT設計
Avatar for Narihara narihara
1
140
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール？ 〜
Avatar for Yoda Keisuke yodakeisuke
0
120
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
Avatar for Yusuke Suto sutochin26
0
290
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
120
git worktree × Claude Code × MCP ～生成AI時代の並列開発フロー～
Avatar for hisuzuya hisuzuya
1
520
Hypervel - A Coroutine Framework for Laravel Artisans
Avatar for Albert Chen albertcht
1
110
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
Avatar for Chiaki Okamoto chiilog
1
250
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
370

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
94
6.1k
It's Worth the Effort
Avatar for 3n 3n
185
28k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
277
23k
Side Projects
Avatar for Sacha Greif sachag
455
42k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
500
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
940

Transcript

  1. None

  2. /hdeiro /in/hdeiro [email protected] /hdeiro hdeiro.github.io

  3. O que é Automatização de Software? Por que devo Automatizar?

    O que é o Grunt Como utilizar o Grunt

  4. “O Grunt é uma ferramenta de linha de comando para

    JavaScript com o objetivo de tornar tarefas repetitivas, porém necessárias, triviais”.

  5. O Grunt tem como dependência funcional o Node Package Manager

    (NPM), que permitirá o download de plugins, além da própria ferramenta.

  6. É necessário realizar duas instalações do grunt. Globalmente: npm i

    –g grunt-cli Localmente (Pasta do Projeto): npm i grunt -D

  7. É necessário criar um arquivo chamado gruntfile.js (ou gruntfile.coffee, para

    CoffeScript), que agrupará as tasks da ferramenta.

  8. gruntfile.js

  9. Existem plugins para as mais diversas tarefas no portal do

    Grunt (http://gruntjs.com/) .

  10. grunt-contrib-uglify

  11. grunt-http-server

  12. grunt-contrib-concat

  13. grunt-contrib-watch

  14. grunt-contrib-compass

  15. grunt-contrib-concurrent

  16. None