Learn PostCSS: How To Setup PostCSS With Gulp

Save
3 years ago
1

In this video, we'll install PostCSS as part of a Gulp workflow on an HTML site. You'll learn how to setup Gulp and PostCSS and how to work with PostCSS plugins such as Autoprefixer.

My website
https:///www.pixelrocket.store

The NPM command
npm install --save-dev gulp gulp-postcss gulp-rename autoprefixer postcss-import postcss-nested

Gulp
https://gulpjs.com/

PostCSS
https://postcss.org/

Timestamps
0:00 Intro
0:59 Setup HTML Site
3:35 Install Required NPM Plugins
4:35 Setup Gulpfile File
5:20 Setup Gulp Build Styles Tasks
9:42 Setup PostCSS Import Plugin
12:30 Setup PostCSS Nested Plugin
13:20 Setup Autoprefixer Plugin
16:00 Setup Gulp Watch Task

Loading comments...