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
160
Finite Automaton equivalents to Regular Expression
spark6251
0
130
Programmer and English
spark6251
0
120
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
290
Other Decks in Technology
See All in Technology
2025-10-09_プロジェクトマネージャーAIチャンス
taukami
0
120
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
280
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
4
740
社内お問い合わせBotの仕組みと学び
nish01
1
570
ガバメントクラウドの概要と自治体事例(名古屋市)
techniczna
2
230
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
250
これがLambdaレス時代のChatOpsだ!実例で学ぶAmazon Q Developerカスタムアクション活用法
iwamot
PRO
6
970
三菱電機・ソニーグループ共同の「Agile Japan企業内サテライト」_2025
sony
0
140
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
bengo4com
1
2.4k
from Sakichi Toyoda to Agile
kawaguti
PRO
1
110
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
380
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
80k
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
620
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Language of Interfaces
destraynor
162
25k
Fireside Chat
paigeccino
40
3.7k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Building Applications with DynamoDB
mza
96
6.7k
Site-Speed That Sticks
csswizardry
11
900
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The Invisible Side of Design
smashingmag
302
51k
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