Full beginner Gulp setup for SCSS, minifying Javascript, and minifying/webp images

Published: 18 March 2021
on channel: Coding in Public

20,296

550

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/p...

On this page of the site you can watch the video online Full beginner Gulp setup for SCSS, minifying Javascript, and minifying/webp images with a duration of hours minute second in good quality, which was uploaded by the user Coding in Public 18 March 2021, share the link with friends and acquaintances, this video has already been watched 20,296 times on youtube and it was liked by 550 viewers. Enjoy your viewing!