Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jatin-8898/sass-starter-pack

Sass starter files using Gulp v4.0.0 🔥
https://github.com/jatin-8898/sass-starter-pack

browersync gulp gulp-sass gulp-starter gulp-tasks gulp4 gulpfile gulpjs sass sass-boilerplate sass-files scss starter starter-files starter-kit starter-pack starter-project starter-template starterkit template

Last synced: about 1 month ago
JSON representation

Sass starter files using Gulp v4.0.0 🔥

Awesome Lists containing this project

README

        

# Sass Starter Pack ♦️

[![GitHub stars](https://img.shields.io/github/stars/Jatin-8898/sass-starter-pack)](https://github.com/Jatin-8898/sass-starter-pack/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/Jatin-8898/sass-starter-pack)](https://github.com/Jatin-8898/sass-starter-pack/network)
[![GitHub license](https://img.shields.io/github/license/Jatin-8898/sass-starter-pack)](https://github.com/Jatin-8898/sass-starter-pack/blob/master/LICENSE)

A light package for compiling Sass(scss files) and running a dev server using Browser Sync.

You can check out this [Medium article](https://levelup.gitconnected.com/how-to-setup-your-workflow-using-gulp-v4-0-0-5450e3d7c512)

### Version
1.0.0

## 📝 Usage

### Clone this Repo
```
git clone https://github.com/Jatin-8898/sass-starter-pack.git
```

### Installation

Get started quickly by cloning this repository.

Install the dependencies (gulp, gulp-sass, browser-sync)

```sh
$ npm install
```

### Run

This will watch your sass files, compile them and run your dev server at http://localhost:3000

```sh
$ npm start
```

## Alternatively

### Init the package.json

Open the terminal and enter the following

```sh
$ npm init -y
```

### Install the necessary dependencies

```sh
$ npm install --save-dev gulp-sass browser-sync gulp gulp-postcss autoprefixer cssnano gulp-sourcemaps
```

Take the *gulpfile.js* from here and your all set with the starter pack.