Gulp 4: How to Minify & Bundle CSS Files

Published: 06 August 2020
on channel: DevTuts
4,692
46

In this video I’m going to show you how to minify (minimize) css files (using gulp-clean-css) and bundle (combine) those minified css files (using gulp-concat) into a single css file.
Chapters:
00:00 Intro
00:15 Project Setup
00:45 Create a Gulp Task to Minify CSS Files (using gulp-clean-css)
01:49 Run the Gulp Task Automatically (using Gulp watch)
02:46 Generate Source Map for CSS Files (using gulp-sourcemaps)
03:39 Combine CSS Files into a Single CSS File (using gulp-concat)
04:25 Combine CSS Files in a Specific Order