Advanced gulp boilerplate
boilerplate code
Demo
You can see a working live demo of this boilerplate.
Features
- advanced gulp workflow
- compile Sass using gulp-sass (gulp wrapper for node-sass)
- import Sass files directly from node_modules using sass-importer-npm
- watch Sass files for changes and recompile
- Minify CSS using gulp-clean-css (gulp wrapper for clean-css)
- Automatically add CSS browser vendor prefixes to support the 2 most recent versions of all major browsers using PostCSS and autoprefixer
- generate CSS sourcemaps to enhance log messages when debugging
- leverage browserify module system to bundle external vendor scripts and app scripts into a single JavaScript file
- watch JavaScript files for changes and recompile browserify bundles, using watchify for fast incremental rebuilds
- generate sourcemaps for browserify bundles to enhance log messages when debugging
- clean dist assets before (re)builds using del
- example of customizing Bootstrap Layout colors
{% markdown %}
### Usage
#### Clone the boilerplate repository
```bash
git clone https://github.com/themekit/bs-layout-boilerplate-gulp-advanced.git my-project
```
```bash
cd my-project
```
#### Install dependencies
```bash
npm install
```
#### Build
```bash
gulp
```
#### Watch
```bash
gulp watch
```
{% endmarkdown %}