Adding sass-gulp for your project.

gulpfile.js file

install gulp to your project. 

npm install sass gulp-sass --save-dev

//create a gulpfile.js

const { src, dest, watch, series } = require("gulp");

const sass = require("gulp-sass")(require("sass"));

function buildStyles() {
  return src("src/styles/**/*.scss").pipe(sass()).pipe(dest("css/styles"));
}

function watchStyles() {
  watch("src/styles/**/*.scss", buildStyles);
}

exports.default = series(buildStyles, watchStyles);


//install package json
npm init -y

//gitignore
# Logs
logs
*.log
npm-debug.log*

# Dependency directories
node_modules/

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional REPL history
.node_repl_history

# Stores VSCode versions used for testing VSCode extensions
.vscode-test