Automating Large Applications on Modular and Structured Form with Gulp
•
14 likes•5,746 views
Automating Large Applications on Modular and Structured Form with Gulp.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (15)
Similar to Automating Large Applications on Modular and Structured Form with Gulp
Similar to Automating Large Applications on Modular and Structured Form with Gulp (20)
Recently uploaded
Recently uploaded (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
Editor's Notes
- 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