1.0.3 • Published 5 years ago
lumi-app v1.0.3
Gulp Boilerplate 
A simple boilerplate for front-end web development which uses Gulp 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 dependenciesnpm start
orgulp watch
to start a live reload session
Building
npm run build
orgulp
to build the application
Extras
gulp
orgulp build
to build the applicationgulp watch
to enable live reloadgulp clean
to delete the build foldergulp styles
to run the style tasksgulp scripts
to run the script tasksgulp images
to run the image tasksgulp favicon
to run the favicon tasks
File Structure
├── 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.