Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to use Grunt
Search
N@N
February 15, 2014
Technology
0
86
Introduction to use Grunt
Gruntの概要からインストールまで
N@N
February 15, 2014
Tweet
Share
More Decks by N@N
See All by N@N
introduction to modern numerical analysis
spark6251
0
150
Finite Automaton equivalents to Regular Expression
spark6251
0
120
Programmer and English
spark6251
0
110
Let's go to the study session
spark6251
0
100
Quantum Computation
spark6251
0
270
Introduction to Regular Expression
spark6251
0
340
Introduction to SCSS+COMPASS
spark6251
0
280
Introduction to Psychology
spark6251
1
270
Introduction to HTML5
spark6251
0
280
Other Decks in Technology
See All in Technology
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
370
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
50
20k
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
5
13k
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
300
NewSQLや分散データベースを支えるRaftの仕組み - 仕組みを理解して知る得意不得意
hacomono
PRO
3
170
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
530
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
2
17k
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
1
190
Yahoo!しごとカタログ 新しい境地を創るエンジニア募集!
lycorptech_jp
PRO
0
120
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
2k
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Navigating Team Friction
lara
187
15k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Optimizing for Happiness
mojombo
379
70k
Designing for Performance
lara
610
69k
The Cult of Friendly URLs
andyhume
79
6.5k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
A Modern Web Designer's Workflow
chriscoyier
695
190k
GraphQLとの向き合い方2022年版
quramy
49
14k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Transcript
None
• • • • • • •
• • •
• • • •
$ sudo aptitude install build-essential libssl-dev $ sudo aptitude install
curl $ wget http://nodejs.org/dist/v0.10.25/node- v0.10.25.tar.gz make install
$ sudo curl http://npmjs.org/install.sh | sudo sh
$ sudo npm install -g grunt-cli
•
• project ├──css │ ├──style.css │ └──style.scss ├──img ├──js └──index.html
• •
• •
$ npm init •
None
None
$ npm install grunt --save-dev npm install grunt --save-dev
None
$ npm install grunt-contrib --save-dev
• • • • • • • • • •
• • • • • • • • • •
• • • • • • • • • •
• • • • • • • • • •
• • • • • • • • • •
$ rm -rf node_modules $ npm install "devDependencies" OK
• module.exports = function(grunt) { grunt.initConfig({ // }); // };
module.exports = function(grunt) { grunt.initConfig({ // }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin'); };
module.exports = function(grunt) { grunt.initConfig({ clean: { ~~ ~~ },
cssmin: { compress: { files: { './min.css': ['css/style.css'] }}} }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin'); };
$ grunt clean $ grunt cssmin
module.exports = function(grunt) { grunt.initConfig({ ~~ ~~ }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.registerTask('default', ['cssmin', 'watch']); }; $ grunt
• $ npm init $ npm install grunt --save-dev $
npm install grunt-contrib --save-dev //Gruntfile.js $ grunt
None