Automating Large Applications on Modular and Structured Form with Gulp
•
14 gostaram•5,746 visualizações
Automating Large Applications on Modular and Structured Form with Gulp.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (15)
Semelhante a Automating Large Applications on Modular and Structured Form with Gulp
Semelhante a Automating Large Applications on Modular and Structured Form with Gulp (20)
Último
Último (20)
Automating Large Applications on Modular and Structured Form with Gulp
- 1. E
- 3. whyautomate?
- 4. Less mistakes Delivery faster Save time Don’t repeat Improve quality
- 12. whouses?
- 14. WHY USE API is simple Easy to start Fast{GULP?
- 15. APIISSIMPLE
- 16. API SIMPLE • gulp.task(name, [deps,], fn) define a task with optional dependencies. • gulp.src(glob) create a stream from given file system glob. • gulp.dest(folder) save files from a stream to given directory. • gulp.watch(glob, tasks) run a task when one of the globed files is changed. are just four functions
- 17. gulp.task
- 18. gulp.task
- 19. gulp.src
- 20. gulp.dest
- 21. gulp.watch
- 22. ————————o read ———o process in memory ——————o write file
- 24. easytostart
- 25. Download and install node.js: https://nodejs.org/ npm i gulp -g #1 - INSTALL NODE.JS & GULP Install gulp globally:
- 26. • Create a project • Install global Gulp • Create a package.json • Install local Gulp • Create and configure a Gulpfile.js npm init [sudo] npm i -g gulp npm i gulp --save-dev #2 - CONFIGURE DEV ENVIRONMENT
- 27. package.json
- 28. gulpfile.js
- 29. #3 - INSTALL GULP PLUGINS http://gulpjs.com/plugins/
- 30. Install from npm npm i gulp-uglify --save-dev Adding to gulp file using require INSTALLING A PLUGIN
- 31. USING A PLUGIN
- 32. That’sit!
- 34. plugins
- 48. [ … ]
- 49. FAST
- 50. STREAMSare fast find . | grep -l "coffeescript" | xargs -I {} rm -rf {} Base on pipe unix
- 56. GULP4
- 58. gulp.lastRun(task, [timeResolution]) => [Timestamp] gulp.tree([options]) => Object gulp.series(taskName || fn...) => Function gulp.parallel(taskName || fn...) => Function https://github.com/gulpjs/gulp/labels/gulp4
- 64. ORGANIZE YOUR TASKS BY CONTEXT _default system css js img html dev build deploy … copy delete move rename exec … preprocessor source maps lints … hint lint uglify formatter test … optmin total size … minify replace …
- 65. gulpfile.js
- 66. imports.js
- 67. config.js
- 69. taskfile To work with plugins, just install them: npm i gulp-name-plugin --save-dev
- 71. demo code
Notas do Editor
- Pipeline (unix)
- Eric Schoffstall Criador do Gulp
- Muitas tasks começam a deixar o workflow complexo Seja bonzinho com novos colaboradores nao deixem eles sem entender
- Muitas tasks começam a deixar o workflow complexo Seja bonzinho com novos colaboradores
- paths and plugin configurations
- paths and plugin configurations