Grunt a Bower

0f3a2fe881c742a4dbb5afef5a8f5c0e?s=47 Jakub Mikulas
February 05, 2014
Technology
0
27

Grunt a Bower

Prezentace o základech Grunt a Bower pro Q2 Interactive

0f3a2fe881c742a4dbb5afef5a8f5c0e?s=128

Jakub Mikulas

February 05, 2014
Tweet

More Decks by Jakub Mikulas

See All by Jakub Mikulas
0f3a2fe881c742a4dbb5afef5a8f5c0e?s=48 jackub
0
79
0f3a2fe881c742a4dbb5afef5a8f5c0e?s=48 jackub
0
65
0f3a2fe881c742a4dbb5afef5a8f5c0e?s=48 jackub
0
14
0f3a2fe881c742a4dbb5afef5a8f5c0e?s=48 jackub
0
510
0f3a2fe881c742a4dbb5afef5a8f5c0e?s=48 jackub
0
170

Other Decks in Technology

See All in Technology
88964b936e864ca7d326272eaa70fa9a?s=48 hgsgtk
0
700
B29f42636a5f1249b640473d49aa4514?s=48 linedevth
1
150
F274f2fd3531a606f0a5766c9052b5d8?s=48 miyamotok
0
440
E525f881c3ee0fc2b2ce53d80a82b9d8?s=48 13imi
0
520
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
5
1.4k
42356380866f616c0cea68779b430eaf?s=48 hiro_koba_jp
0
420
5bbbb20da49b1f802af50b0f17a4f31f?s=48 miuranobuki
0
1k
Cbc297b07593321e52c75a9ebcc0f843?s=48 jacopen
5
770
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
0
210
55c9804c185f493816433678393cbe92?s=48 sumihiro3
0
180
53e2d354b3299d64a54af680865516d5?s=48 satotakeshi
3
640
253ab1300a7e9526141c2f15d3cb4ae7?s=48 shinpy
0
110

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
13
2.3k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
52
1.8k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.3k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
10
1.4k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
2
240
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
399
20k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
250k

Transcript

  1. Grunt.js 1 Automatizace díky Node.js http://gruntjs.com

  2. Grunt.js • Automatizace tasků • Běží v Node.js • Definice

    tasků je jediný .js soubor • Ovládá se přes příkazový řádek 2

  3. Ukázka: preprocess LESS a minifikace JS souborů 3

  4. Ukázka: grunt-contrib-watch 4

  5. Ukázka: emailový template 5

  6. Další příklady • Lamelland • Webfonty • JSHint • CSSLint

    • Deploy pack • FTP deploy • SVN update 6

  7. Node.js Nainstalujte Node.js (nodejs.org)
 (*.msi imstalátor) Společně s Node.js se

    vám nainstaluje i npm = node package manager 7 npm

  8. Grunt.js (-g označuje globální instalaci) 8 npm install -g grunt-cli

  9. Jak Grunt.js spouštět 9 grunt grunt.registerTask('default', [‘jshint', 'concat', 'uglify']); grunt

    less grunt less:release

  10. Package.json 10 npm install grunt-contrib-less --save

  11. Bower Package manager http://bower.io 11

  12. Jak vypadá bower.json 12

  13. Jak spouštět Bower 13 bower install bower update