Tomáš Musiol

Základní nástroje pro automatizaci

• Vaše struktura projektu

• package.json - konfigurace npm balíčkůVýchozí závislost projektu na Gruntu

Výchozí projekt

GRUNT

The JavaScript Task Runner

npm install npm -g

npm install grunt-cli -g

npm install grunt-contrib-sass --save-dev

• Aktualizovaný soubor package.json

• Nová složka node_modules s nainstalovanými npm balíčky

Po instalaci GRUNTu

BOWER

A package manager for the web

npm install npm -g

npm install bower -g

cd ~/sites/test-project

bower search cezetmap

cezetmap git://github.com/Moravio/CEZET-Map.git

bower install cezetmap --save-dev

• nový soubor bower.json

• Nová složka bower_components s nainstalovanými komponentami a závislostmi

• .bowerrc - základní konfigurace prostředí (změna defaultní cesty k bower balíčkům)

Po instalaci BOWERu

• konfigurační soubor package.json

• konfigurační soubor bower.json

• Není třeba commitovat celé složky, stačí jen konfigurační soubory

Pro spolupracovníky

Inicializace existujícího projektu

npm install

bower install

Po inicializaci projektu

GRUNT Tasky

Základní tasky pro webový vývoj

• grunt-contrib-concat

• grunt-contrib-copy

• grunt-contrib-htmlmin

• grunt-contrib-sass

• grunt-contrib-watch

• grunt-libsass

• grunt-autoprefixer

• grunt-pagespeed

• grunt-ftp-deploy

• time-grunt

• load-grunt-tasks

• a mnoho dalších …

grunt pagespeed

YEOMAN

The Web's Scaffolding Tool

npm install npm -g

npm install yo -g

npm install generator-generator -g

yo [generator-name]

Vlastní průvodce pro tvorbu projektu

Co YEOMAN umí?

• Číst vstupy od uživatele a reagovat na ně

• Skriptovat pomocí JS

• Kopírovat soubory a složky

• Template a proměnné

• Grunt / Bower

• Ostatní NPM balíčky (GIT, DB, WP…)

Pokrok nezastavíš :)

Děkuji za pozornostTomáš Musiol (@kozleek)