GRUNT

13

Transcript of GRUNT

Page 1: GRUNT
Page 2: GRUNT

Čo je Grunt?

• The JavaScript Task Runner

• Zjednodušenie práce pri zdĺhavých úlohách

• Takmer nulové úsilie (počiatočné časové náklady na konfiguráciu)

Page 3: GRUNT

Čo je Grunt?

• Konfigurácia v JavaScript-e

• Pracuje s NPM (Node Package Manager)

• Má za sebou veľký ekosystém

• ale najpodstatnejšie je…

Page 4: GRUNT

Automatizácia

Page 5: GRUNT

Čo je pre nás podstatné?2 hlavné druhy taskov

CONCATENATION MINIFICATION

Page 6: GRUNT

Čo k tomu potrebujem?

• Nainštalovaný Node.js server s NPM

• npm install -g grunt-cli

• Takto je pripravený

Page 7: GRUNT

Ako to aplikovať v projekte?

• Grunt potrebuje 2 (slovom DVA) základné konfiguračné súbory

• 1.) Gruntfile.js

• 2.) package.json

Page 8: GRUNT

Gruntfile.js

• http://gruntjs.com/getting-started#the-gruntfile

• Obyčajný JS súbor, ktorý sa vkladá do root priečinka projektu

• Obsahuje konfiguráciu a nastavenia taskov

Page 9: GRUNT

Gruntfile.js

• The "wrapper" function

• Project and task configuration

• Loading Grunt plugins and tasks

• Custom tasks

Page 10: GRUNT

package.json

• http://gruntjs.com/getting-started#package.json

• Obyčajný JSON súbor, ktorý sa vkladá do root priečinka projektu

• Podobný ako bower.json

• Konfigurácia potrebných balíkov pre Grunt tasky

Page 11: GRUNT

package.json

Page 12: GRUNT

Čo ďalej?

Page 13: GRUNT

That’s All Folks!© 2015 by Semisedlak