First and foremost, you have to install node.js on your machine (if, it is not already installed), then follow these 4 simple steps given below:
Step 1: Clone this entire repo
$ git clone https://github.com/Suprokash101/My-GulpFile-with-SCSS-and-BrowserSync.git
Step 2: Edit the directory name or Move into the directory as it is
$ cd My-GulpFile-with-SCSS-and-BrowserSync
Step 3: Install dependencies
$ npm install
Step 4: Run the example
$ gulp
Your browser will open....Now edit index.html
and/or sass/main.scss
file inside app
directory. You can also create other scss files and link them with index.html
file or main.css
file (whatever is appropriate)...
- browser-sync
- gulp
- gulp-autoprefixer
- gulp-sass
- gulp-sourcemaps
Big thanks to all the authors of these packages ❤️ ❤️ ❤️