Laziness with Gulp
Download as ODP, PDF0 likes34 views
Gulp is a task automation tool that helps automate repetitive tasks like minification, concatenation, linting, unit testing, and watching for file changes. It uses gulpfiles and plugins to define and run tasks through the command line. Common plugins used with Gulp include BrowserSync for live reloading, Autoprefixer for CSS vendor prefixes, gulp-clean-css for minifying CSS, and gulp-uglify for minifying JavaScript.
![Gulp.src
● ‘./css/style.css’
● [‘./css/style.css’, ‘./css/new_style.css’]
● ‘./css/*.css’
● ‘./css/**/*.css’
● ‘!./css/*.min.css’](https://image.slidesharecdn.com/ufest-180901075844/85/Laziness-with-Gulp-9-320.jpg)
Laziness with Gulp
- 2. Who am I?
- 3. What is Gulp (Task runners)
- 6. ● Watching file changes ● Prefixing files ● Concatenating/minifying files ● Linting ● ... ● Running unit tests
- 7. $ sudo npm install -g gulp
- 8. For example gulpfile.js: $ gulp minify-js
- 9. Gulp.src ● ‘./css/style.css’ ● [‘./css/style.css’, ‘./css/new_style.css’] ● ‘./css/*.css’ ● ‘./css/**/*.css’ ● ‘!./css/*.min.css’
- 10. BrowserSync
- 11. Autoprefixer
- 12. gulp-clean-css
- 13. gulp-sourcemaps
- 14. gulp-concat
- 15. gulp-uglify
- 16. gulp-uglify