Front-End Build System with Bootstrap

Build system boilerplate using LESS bootstrap.

Folder structure using SASS Guidelines for easy workflow.

• The development code is in the src/ directory.
• The build process relies on gulp.
• The gulp tasks can be found in the gulpfile.js file.

Setup

1. Install Node.js and npm.
2. Run npm install
3. Run gulp serve

Development

You should be able to work almost entirely in the src/ directory.

While developing run gulp as this will watch the src/ dir and output to dist/ directory.

Directory Structure

project-name/
├── dist/
|   ├── css/
│   |   ├── style.css
│   |   └── style.min.css
|   ├── img/
|   ├── js/
│   |   ├── script.js
│   |   └── script.min.js
|   └── public/
|				├── indext.html
|   		└── about.html
├── src/
|   ├── css/
│   |   ├── main.css
│   |   └── main.min.css
|   ├── img/
|   ├── js/
│   |   ├── script.js
│   |   └── script.min.js
|   ├── less/
|   |   ├── 1-vendor/
|   |   ├── 2-utils/
|   |   ├── 3-base/
|   |   ├── 4-layout/
|   |   ├── 5-component/
|   |   ├── 6-themes/
|   |   ├── 7-pages/
|   |   ├── main.less
|   |   └── README.md
|   ├── site/
|   |   ├── pages/
|   |   |		|── index.html
|   |   |		└── about.html
|   |   |── templates/
|   |   |		|── partials/
|   |   |		└── layout.html
├── gulpfile.js
├── LICENSE
├── package.json
└── README.md

Need help?

Feel free to create an issue, tweet me, or send me an email. I'd be glad to help where I can!