I'll show you how to convert, autoprefix, and minify SCSS, minify javascript, and minify and create webp images with Gulp. Type one command in your terminal ('gulp') and focus on writing SCSS, JS, and adding images. Gulp will do the rest!
We use a variety of plugins:
• gulp-sass (convert SCSS to CSS)
• gulp-autoprefixer (add support for older browsers)
• gulp-clean-css (minify CSS)
• gulp-terser (minify JS—support for ES6)
• gulp-imagemin (minify images jpg and png for the web)
• gulp-webp (create webp images for the web)
Please like and subscribe for more content. And let me know in the comments what else you’d like me to cover!
Source code: https://codepen.io/Coding-in-Public/pen/jOBryXj
