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
ビズリーチ求職者検索におけるPLMとLLMの活用 / Search Engineering MEET UP_2-1
visional_engineering_and_design
1
130
【Kaigi on Rails 事後勉強会LT】MeはどうしてGirlsに? 私とRubyを繋いだRail(s)
joyfrommasara
0
270
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing Hiroshima 2025 Edition
tomzoh
0
140
CoRL 2025 Survey
harukiabe
1
200
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
2
640
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
5
900
データ戦略部門 紹介資料
sansan33
PRO
1
3.7k
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
720
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
240
「使い方教えて」「事例教えて」じゃもう遅い! Microsoft 365 Copilot を触り倒そう!
taichinakamura
0
390
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
80k
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
3
1.9k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Being A Developer After 40
akosma
91
590k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Writing Fast Ruby
sferik
629
62k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Optimizing for Happiness
mojombo
379
70k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
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