https://github.com/lucaswinkler/gulp-boilerplate
A simple boilerplate for front-end web development - using Gulp v4
https://github.com/lucaswinkler/gulp-boilerplate
boilerplate browsersync css3 gulp html5 livereload sass scss
Last synced: 9 months ago
JSON representation
A simple boilerplate for front-end web development - using Gulp v4
- Host: GitHub
- URL: https://github.com/lucaswinkler/gulp-boilerplate
- Owner: LucasWinkler
- License: mit
- Created: 2020-01-22T08:26:35.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-06-19T05:53:40.000Z (almost 2 years ago)
- Last Synced: 2025-07-02T06:45:08.060Z (11 months ago)
- Topics: boilerplate, browsersync, css3, gulp, html5, livereload, sass, scss
- Language: JavaScript
- Homepage: https://lw-gulp-boilerplate.netlify.com/
- Size: 1.99 MB
- Stars: 27
- Watchers: 0
- Forks: 8
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Gulp Boilerplate [](https://travis-ci.com/LucasWinkler/gulp-boilerplate)
A simple boilerplate for front-end web development which uses [Gulp](https://gulpjs.com/) v4.
This is my first time trying gulp so it won't be perfect. I just wanted to create a basic template to work off of with a file structure I liked.
## Features
- Live reloading
- Cache busting
- SCSS converted to css, auto prefixed and minified with sourcemaps)
- Javascript concatenated into a single file, minified with sourcemaps and supports ES6)
- Image minifying
## Getting Started
Follow these steps in order to get the website up and running locally on your machine.
### Installation
- `npm install` to install any dependencies
- `npm start` or `gulp watch` to start a live reload session
### Building
- `npm run build` or `gulp` to build the application
### Extras
- `gulp` or `gulp build` to build the application
- `gulp watch` to enable live reload
- `gulp clean` to delete the build folder
- `gulp styles` to run the style tasks
- `gulp scripts` to run the script tasks
- `gulp images` to run the image tasks
- `gulp favicon` to run the favicon tasks
## File Structure
```bash
├── app
│ ├── images
│ │
│ ├── js
│ │ ├── main.js
│ │ │
│ │ └── vendors
│ │
│ └── scss
│ ├── abstracts
│ │
│ ├── base
│ │
│ ├── pages
│ │
│ └── main.scss
│
└── build
├── images
│
├── js
│ ├── app.min.js
│ │
│ └── vendors.min.js
│
└── css
└── styles.min.css
```
## Tips
- You can use any file structure for your javascript and scss files. The one provided is an example.