https://github.com/angelfire/gulp-boilerplate
A boilerplate for Gulp
https://github.com/angelfire/gulp-boilerplate
Last synced: about 1 month ago
JSON representation
A boilerplate for Gulp
- Host: GitHub
- URL: https://github.com/angelfire/gulp-boilerplate
- Owner: Angelfire
- Created: 2014-02-21T14:56:47.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2014-02-21T17:43:33.000Z (over 12 years ago)
- Last Synced: 2025-01-25T19:42:11.890Z (over 1 year ago)
- Language: JavaScript
- Size: 141 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Gulp Boilerplate
================
**Less + HTML5 + Livereload**
This is a Gulp boilertplate which has settings to work with Less and Livereload in a base directory structure
Gettings started
----
File structure
---
```
gulp-boilerplate
| .gitignore
| Gulpfile.js
| package.json
| README.md
|
+---app
| | index.html
| |
| +---js
| | main.js
| |
| +---css
| | main.css
| |
| +---less
| | main.less
| |
| +---img
| | |
```
Less
---
The main less file is main.less and less folder is the include directory. main.less is recompiled everytime a less file is modified.
Livereload
----
Livereload works for javascript, html and less files. You need to install the livereload plugin in your browser in order to make it work
Static Server
----
Once you run the gulp proccess a connect static http server runs over port 9000, It serves files from the "app" folder
Tasks
---
Included gulp tasks
**styles**
It compiles the main.less file and execute livereload for css
**connnect**
It runs a static connect server over port 9000 (you can change it) for app directory
**scripts**
It executes livereload for javascript files
**views**
It executes livereload for html files
**default**
It starts livereload server, watch for less, js and html (called when you run 'gulp' in command line)