Build system boilerplate using LESS bootstrap. Folder structure using SASS guideline for easy workflow.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.editorconfig
.gitattributes
.gitignore
LICENSE
README.md
gulpfile.js
package.json

README.md

Front-End Build System with Bootstrap

built with Gulp Dependency Status devDependency Status

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!