https://github.com/c0nst4ntin/gulp-sass-starter

A simple @gulpjs and @sass starter
https://github.com/c0nst4ntin/gulp-sass-starter

boilerplate browser-sync gulp sass

Last synced: about 2 months ago
JSON representation

A simple @gulpjs and @sass starter

• Host: GitHub
• URL: https://github.com/c0nst4ntin/gulp-sass-starter
• Owner: c0nst4ntin
• License: mit
• Created: 2019-05-24T20:32:22.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-21T21:08:14.000Z (2 months ago)
• Last Synced: 2024-11-21T22:20:48.273Z (2 months ago)
• Topics: boilerplate, browser-sync, gulp, sass
• Language: JavaScript
• Homepage:
• Size: 958 KB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
gulp-sass-starter




  

    

  

  

    

  

  

    

   

  

    

  





  

    Sass

  · Babel

  · Gulp

  · Browser-Sync Dev Server

  



This Gulp Sass starter contains the features and scripts you need

to start developing websites using Sass.

## Getting Started

### Requirements

- Please make sure you have NodeJS installed, which is necessary for this starter template.

### Quick Start

Clone the repo:

    git clone https://github.com/c0nst4ntin/gulp-sass-starter.git

Navigate to the project folder:

    cd gulp-sass-starter

Install all the packages and dependencies required for this project:

    npm install

Build the Project before starting the development server:

    npm build

Start the development server (then, navigate to [localhost:3000](http://localhost:3000/)):

    npm dev

Then, open a browser and navigate to: [localhost:3000](http://localhost:3000/)

Building files can be done as follows:

    npm run build

### How To Use

The `/src/` folder contains all Source Files including sass, js and html. Gulp minifies and compiles the code into the dist folder from here.

The `/dist/` folder contains all compiled files ready for deployment. The files in this folder get served at [localhost:3000](http://localhost:3000/) by BrowserSync.

The `/static/` folder contains all your static or already minified files such as images or js and css libraries.