Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Grunt

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

 Grunt

An introduction to the Grunt Tool

Avatar for Hugo Deiró

Hugo Deiró

May 12, 2016

More Decks by Hugo Deiró

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

Other Decks in Programming

See All in Programming
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
1.2k
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
170
AI主導のプログラミング学習アプリを作ってみた
Avatar for econanringo econanringo
0
180
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
370
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
Avatar for Tomofumi Kondo tomokon
0
500
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
380
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
Avatar for Yuki Kuwashima yukiny
0
350
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
2
550
Domain-Driven Transformation
Avatar for Henning Schwentner hschwentner
2
2.3k
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
28
32k
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
530

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
380
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.8k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
750
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
How to make the Groovebox
Avatar for あそなす asonas
2
2.5k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
1k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
Designing for Performance
Avatar for Lara Hogan lara
612
70k

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