https://github.com/aj1732/sass_structure
Structure Code for SASS
https://github.com/aj1732/sass_structure
Last synced: 2 months ago
JSON representation
Structure Code for SASS
- Host: GitHub
- URL: https://github.com/aj1732/sass_structure
- Owner: AJ1732
- Created: 2024-06-02T20:33:36.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-02T20:57:31.000Z (about 1 year ago)
- Last Synced: 2025-02-07T01:45:15.613Z (4 months ago)
- Language: SCSS
- Size: 2.89 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SASS Development with Gulp
This repository provides a structured approach to SASS development using Gulp for task automation. It includes features for compiling SASS to CSS, minifying CSS, and watching for changes in real-time.
## Table of Contents
- [Features](#features)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
- [Project Structure](#project-structure)
- [Contributing](#contributing)
- [License](#license)
## Features
- **Compile SASS to CSS**: Converts `.scss` files to `.css`.
- **Minify CSS**: Minifies the compiled CSS for better performance.
- **Watch Task**: Watches for changes in SASS files and automatically recompiles them.
- **Source Maps**: Generates source maps for easier debugging.
## Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (v12 or higher)
- [npm](https://www.npmjs.com/) (v6 or higher)
- [Gulp CLI](https://gulpjs.com/) (v2 or higher)
## Installation
1. **Clone the repository**:
```sh
git clone https://github.com/your-username/sass-gulp-setup.git
cd sass-gulp-setup
```
2. **Install dependencies**:
```sh
npm install
```
## Usage
### Gulp Tasks
- **Compile SASS**:
```sh
gulp sass
```
- **Minify CSS**:
```sh
gulp minify
```
- **Watch for changes**:
```sh
gulp watch
```
- **Default task** (compile SASS, minify CSS, and watch for changes):
```sh
gulp
```
### Scripts
- **Build** (compile and minify):
```sh
npm run build
```