build-system-boilerplate-bootstrap's Introduction

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

Install Node.js and npm.
Run npm install
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!

build-system-boilerplate-bootstrap's People

Contributors

Stargazers

Watchers

build-system-boilerplate-bootstrap's Issues

page reloads on CSS change

Stream reloading and hard reloading don't work together

If all watchers are active, less works as expected, but after any other task is run for the first time and browser is reloaded, subsequently every less compilation does a full browser refresh instead of injecting the CSS

Recommend Projects