From the course: Gulp.js: Web Project Workflows
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Using the Sass CSS processor - Gulp.js Tutorial
From the course: Gulp.js: Web Project Workflows
Using the Sass CSS processor
- [Instructor] Another common task that you may want to ask your project is CSS processing so, for this project we're going to use Sass since we we're using the version of bootstrap that uses Sass, we can take advantages of some pretty cool things. First, we're going to need to do a few installations, and I'm going to install a couple of things to get Sass working in gulp, of course, we'll need to do an npm install, save dev, and then we will do gulp-Sass and we need some sort of Sass processor so this will be node-Sass. Alright let's go ahead and clear this out and we can close this for right now, so we need to go ahead and create our different constants here, so we'll go ahead and import Gulp-Sass, and we don't really need to use this concatenate variable anymore, although we could if you wanted to combine like multiple CSS file, and we also need to initialize Sass itself with a command, so we'll say Sass…
Contents
-
-
-
Installing Gulp6m 27s
-
(Locked)
Creating your first task7m 31s
-
(Locked)
Creating multiple tasks5m 10s
-
(Locked)
Clean serial workflows4m 24s
-
(Locked)
Parallel workflows with Browsersync6m 5s
-
(Locked)
Watching for changes3m 33s
-
(Locked)
Processing JavaScript with Babel11m 24s
-
(Locked)
Using the Sass CSS processor10m 49s
-
-