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

Introduction to use Grunt

Avatar for N@N N@N
February 15, 2014
Technology
110
0

Introduction to use Grunt

Gruntの概要からインストールまで

Avatar for N@N

N@N

February 15, 2014

More Decks by N@N

See All by N@N
introduction to modern numerical analysis
Avatar for N@N spark6251
0
200
Finite Automaton equivalents to Regular Expression
Avatar for N@N spark6251
0
150
Programmer and English
Avatar for N@N spark6251
0
130
Let's go to the study session
Avatar for N@N spark6251
0
110
Quantum Computation
Avatar for N@N spark6251
0
280
Introduction to Regular Expression
Avatar for N@N spark6251
0
360
Introduction to SCSS+COMPASS
Avatar for N@N spark6251
0
320
Introduction to Psychology
Avatar for N@N spark6251
1
310
Introduction to HTML5
Avatar for N@N spark6251
0
320

Other Decks in Technology

See All in Technology
コーディングエージェントでM5Stack系の開発を少し試した時の話 / M5 Japan Tour 2026 Autumn 東京
Avatar for you（@youtoy） you
PRO
0
130
ペアプロの価値はコードを書くことだけじゃない
Avatar for コドモン開発チーム codmoninc
PRO
0
160
HRC_Frontend_Conference_Fukuoka_2026.pdf
Avatar for takanori sugawara ts020
0
390
クロスボーダーM&AのValue Upを支えるプロダクト開発。日米チームのハブになったプロダクトエンジニアの実践 / Product Engineering Conference 2026
Avatar for GENDA genda
0
110
omasushiというライブラリを作った
Avatar for polidog polidog
PRO
0
190
Snowflakeで実現する全社横断の顧客の声（VOC）分析・活用基盤@Snowflake World Tour Tokyo 2026
Avatar for yuto16 yuto16
0
160
AI時代だからこそ、スケールしないことをやろう
Avatar for 重村優太 yutashigemura
1
130
DEFCON_CHV_CTF_Write-up.pdf
Avatar for bata_24 bata_24
0
130
GoCon2026 - Open Source, Open World
Avatar for sanposhiho sanposhiho
3
3.1k
Oracle Cloud Infrastructure IaaS 新機能アップデート 2026/6 - 2026/8
Avatar for oracle4engineer oracle4engineer
PRO
0
140
コスト最適化の「めんどくさい」を AWS FinOps Agent でチョット楽にする
Avatar for kaz classmethod_kaz
0
300
薬剤師（ドメインエキスパート）と一緒に育てる薬局向けAIアシスタント
Avatar for KAKEHASHI kakehashi
PRO
2
140

Featured

See All Featured
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
3.9k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
240
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
320
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
520
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
530
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.8k

Transcript

  1. None

  2. • • • • • • •

  3. • • •

  4. • • • •

  5. $ 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

  6. $ sudo curl http://npmjs.org/install.sh | sudo sh

  7. $ sudo npm install -g grunt-cli

  8. •

  9. • project ├──css │ ├──style.css │ └──style.scss ├──img ├──js └──index.html

  10. • •

  11. • •

  12. $ npm init •

  13. None
  14. None

  15. $ npm install grunt --save-dev npm install grunt --save-dev

  16. None

  17. $ npm install grunt-contrib --save-dev

  18. • • • • • • • • • •

  19. • • • • • • • • • •

  20. • • • • • • • • • •

  21. • • • • • • • • • •

  22. • • • • • • • • • •

  23. $ rm -rf node_modules $ npm install "devDependencies" OK

  24. • module.exports = function(grunt) { grunt.initConfig({ // }); // };

  25. module.exports = function(grunt) { grunt.initConfig({ // }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin'); };

  26. 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'); };

  27. $ grunt clean $ grunt cssmin

  28. module.exports = function(grunt) { grunt.initConfig({ ~~ ~~ }); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-cssmin');

    grunt.registerTask('default', ['cssmin', 'watch']); }; $ grunt

  29. • $ npm init $ npm install grunt --save-dev $

    npm install grunt-contrib --save-dev //Gruntfile.js $ grunt
  30. None