https://github.com/code-warrior/gulp-template-for-html-css-sass-js
A simple Gulp template for HTML, Sass/CSS, and ES6 JavaScript.
https://github.com/code-warrior/gulp-template-for-html-css-sass-js
css es6 gulp-template html javascript sass scaffold task-runner
Last synced: 1 day ago
JSON representation
A simple Gulp template for HTML, Sass/CSS, and ES6 JavaScript.
- Host: GitHub
- URL: https://github.com/code-warrior/gulp-template-for-html-css-sass-js
- Owner: code-warrior
- Created: 2015-10-01T14:00:49.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2025-03-29T12:07:44.000Z (10 months ago)
- Last Synced: 2025-03-29T12:20:25.072Z (10 months ago)
- Topics: css, es6, gulp-template, html, javascript, sass, scaffold, task-runner
- Language: JavaScript
- Homepage:
- Size: 2.44 MB
- Stars: 35
- Watchers: 16
- Forks: 40
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A Set of Gulp v5.x.x Tasks for Creating Web Projects Using HTML, CSS/Sass, and JavaScript
(v5.0.0)
---
## Before You Start
1. Ensure Java is installed, because Gulp requires it for events such as browser refreshing.
2. Node version `v22.14.0` was used to develop this project. Make sure you’re running *at least* that version.
3. CLI version of Gulp is `3.0.0`. Ensure you’re using `3.0.0` of Gulp’s CLI.
---
## Installation
From the root folder, type `npm install`. This will create a folder called `node_modules` and download the plugins listed under the `devDependencies` section in the `package.json` file. If you encounter an `ERR!` message about `EACCES` on macOS, then run the command as the super user: `sudo npm install`.
---
## Tasks
Typing `gulp --tasks`, or simply `gulp`, will render a list of tasks included in `gulpfile.js`. Tasks such as `build` and `serve` invoke other tasks and are executed in ``.
Each task can be run on its own. For example, if all you want to do is validate your HTML, you can type `gulp validateHTML`.
---
## Running the Project
All your work must be added to the sub-folders under the `dev` folder: your markup in `html`, your Sass/CSS in `styles`, your JavaScript in `scripts`, and, your images in `img`.
Run `gulp serve` while you’re developing your project. This will initiate multiple development-related tasks, then launch your default browser. File changes trigger a browser reload. Transpiled files (`.js` and `.css`) are written to the `temp` folder.
For production-ready projects, run `gulp build`, which creates a folder called `prod`. This is the folder you’d upload to your server if you were going live with your project.
---
## Test Environments
* macOS Sequoia with Apple M2 Pro chip
* macOS Ventura with Intel chip
* PowerShell in Windows 11
* Cygwin in Windows 11
---
## Legacy Versions
Older versions of this project exist under tags and in separate branches. For example, if you were looking for the version of this project that worked with `v3.9.0` of Gulp, you could check out branch `using-gulp-v3.9.0`.