SlideShare ist ein Scribd-Unternehmen logo
1 von 27
Downloaden Sie, um offline zu lesen
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 …
Základní nástroje pro automatizaci
Základní nástroje pro automatizaci
Základní nástroje pro automatizaci
Základní nástroje pro automatizaci
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…)
Základní nástroje pro automatizaci
Základní nástroje pro automatizaci
Základní nástroje pro automatizaci
Pokrok nezastavíš :)
Děkuji za pozornost
Tomáš Musiol (@kozleek)

Weitere ähnliche Inhalte

Základní nástroje pro automatizaci