VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Gulp Task Automation for Beginners

Gulp Task Automation for Beginners

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
You will learn how automate all your web development tasks with Gulp. In this video we will be compiling Sass files to CSS and then minifying the CSS for production. -Install node: https://nodejs.org -Install Gulp: https://gulpjs.com/ Install Gulp Packages: -Sass: https://www.npmjs.com/package/gulp-sass -Css uglify: https://www.npmjs.com/package/gulp-uglifycss -Music by: Nicolai Heidlas Music - With you https://soundcloud.com/nicolai-heidlas --Tutorial from iEatWebsites. Check out their channel for more great tutorials: https://www.youtube.com/channel/UC0o60y3FtVy3M93JcDFVreA
Date: 2022-03-14

Comments and reviews: 10


not helpful, you are not explaining the concept . what is gulp? why is it used? what is it used for? you are showing us how to implement but to understand that we need to understand what we are actually doing in the big picture.
What is sass? why 3 files? why convert them?
additionally this is outdated, old syntax, which makes it even more confusing.
but thank you for guiding us through the implementation

reply

If you are having troubles with Gulp v4 just check out how to use callbacks. For example:
gulp.task('run',['sass', 'css']);
will be changed to :
gulp.task('run', gulp.series('sass', 'css'), cb => -
cb();
-);
Consider -cb- to be a callback function ...also you can use gulp.parallel() instead of gulp.series() depending on what you might need atm.

reply

Great video.
Can you show us how to use purgecss or something similar with gulp (trying to use it but I have paths as var and all css stuff in function so the usual pipe content thing they have in documentation is not working for me). Thank you so much

reply

This is how we setup our project
npm install gulp-cli -g
npm install gulp -D
Then go to your project folder
npm init -y
touch gulpfile.js
We are ready to proceed :)
To look for gulp commands and help
gulp --help

reply

Here's a tip: Instead of downloading the node binaries from their website , install NVM and then install your desired node version through that. That way you will be able to easily switch between versions on your computer.
reply

i get error
[03:39:35] Using gulpfile -/Desktop/123/gulpfile.js
[03:39:35] Starting 'css'...
[03:39:35] The following tasks did not complete: css
[03:39:35] Did you forget to signal async completion?

reply

Does this need to be updated for gulp 4.0.2? The watcher seems to be breaking (simple google shows many had this problem). I've been trying to convert this to the newer syntax but keep running into issues.
reply

I don't get it. So gulp(1) is just a bad alternative to the standard tool make(1), with built in inotifywait(1)? Why not just make(1) and inotifywait(1), or extend make(1) with inotify(7) support?
reply

Great tutorial,thank you very much!
Everything was fine, but there was a problem when I was writing gulp ('gulp' is not recognised)...why?

reply

gulp.task('default', gulp.series('server', 'watch')); after that i get AssertionError [ERR_ASSERTION]: Task function must be specified
reply
Add a review, comment






Other channel videos