Gulp: How to compile SASS/SCSS to CSS and Minified | Gulp Minify CSS

Опубликовано: 30 Сентябрь 2024
на канале: Invention Tricks
201
8

💾 Source Code 👇
https://www.inventiontricks.com/

Today in this video, you will learn how to compile SASS/SCSS to CSS and Minified using Gulp JS.

SASS to CSS Minified using Gulp JS
==============================================================
Step-01: Create a package.json file in your project directory "npm init -y"

Step-02: Install the gulp package in your devDependencies "npm install --save-dev gulp"

Step-03: Create a gulpfile(gulpfile.js) in your project root

Step-04: npm install --save-dev browser-sync

Step-05: npm install --save-dev gulp-plumber

Step-06: npm install --save-dev gulp-notify

Step-07: npm install --save-dev postcss gulp-postcss

Step-08: npm install --save-dev cssnano

Step-09: npm install --save-dev gulp-rename

Step-10: npm install --save-dev sass gulp-sass


▶️ More Free Tutorials 👇
https://www.youtube.com/c/InventionTr...

Recommended Videos
--------------------------------------
➤ Gulp.js Simple Project Start from Scratch
   • Gulp.js Simple Project Start from Scr...  

🌎 Like and Follow me on
--------------------------------------
Instagram:   / inventiontricks  
Facebook:   / inventiontricksyt  
LinkedIn:   / invention-tricks  


#csseffects #cssanimation #htmlcss #javascript #jquery #inventiontricks #csstricks