Downloaded 32 times
![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](https://image.slidesharecdn.com/gulp-150518002100-lva1-app6891/75/Automating-Large-Applications-on-Modular-and-Structured-Form-with-Gulp-16-2048.jpg)
![• 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](https://image.slidesharecdn.com/gulp-150518002100-lva1-app6891/75/Automating-Large-Applications-on-Modular-and-Structured-Form-with-Gulp-26-2048.jpg)
![[ … ]](https://image.slidesharecdn.com/gulp-150518002100-lva1-app6891/75/Automating-Large-Applications-on-Modular-and-Structured-Form-with-Gulp-48-2048.jpg)
![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](https://image.slidesharecdn.com/gulp-150518002100-lva1-app6891/75/Automating-Large-Applications-on-Modular-and-Structured-Form-with-Gulp-58-2048.jpg)
Uploaded byAnderson Aguiar
Automating Large Applications on Modular and Structured Form with Gulp
- Gulp is a popular JavaScript task runner that automates workflows like minification, compilation, unit testing, linting and more. - It uses JavaScript and Node.js streams to automate and enhance workflows and is faster than manual processes or Grunt. - Gulp tasks are defined with gulp.task and common operations include getting files with gulp.src, transforming them and saving with gulp.dest. Additional plugins expand its capabilities.
More Related Content
Similar to Automating Large Applications on Modular and Structured Form with Gulp
Automating Large Applications on Modular and Structured Form with Gulp
- 1.
- 2.
- 3.
- 4. Less mistakes Delivery faster Savetime Don’t repeat Improve quality
- 5.
- 6.
- 9.
- 10.
- 12.
- 13.
- 14. WHY USE APIis simple Easy to start Fast{GULP?
- 15.
- 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.
- 18.
- 19.
- 20.
- 21.
- 22. ————————o read ———o processin memory ——————o write file
- 23.
- 24.
- 25. Download and installnode.js: https://nodejs.org/ npm i gulp -g #1 - INSTALL NODE.JS & GULP Install gulp globally:
- 26. • Create aproject • 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.
- 28.
- 29. #3 - INSTALLGULP PLUGINS http://gulpjs.com/plugins/
- 30. Install from npm npmi gulp-uglify --save-dev Adding to gulp file using require INSTALLING A PLUGIN
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50. STREAMSare fast find .| grep -l "coffeescript" | xargs -I {} rm -rf {} Base on pipe unix
- 54.
- 55.
- 56.
- 57.
- 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
- 59.
- 60.
- 62.
- 63.
- 64. ORGANIZE YOUR TASKSBY 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.
- 66.
- 67.
- 69. taskfile To work withplugins, just install them: npm i gulp-name-plugin --save-dev
- 71.
- 72.
- 73.
Editor's Notes
- #52 Pipeline (unix)
- #58 Eric Schoffstall Criador do Gulp
- #62 Muitas tasks começam a deixar o workflow complexo Seja bonzinho com novos colaboradores nao deixem eles sem entender
- #63 Muitas tasks começam a deixar o workflow complexo Seja bonzinho com novos colaboradores
- #68 paths and plugin configurations
- #69 paths and plugin configurations