Front-end boilerplate (Gulp, Nunjucks, BrowserSync, SASS, SVG embed)
Easy to use boilerplate for your front-end project.
Boilerplate's main features:
- Gulp - for automated tasks
- BrowserSync - for local development server
- Nunjucks - for templating (HTML)
- SVG embed - automated SVG conversion from
<img class="sprite" src="sprite.svg" />
to<svg class="sprite">
Install
Assuming that you have Node.js already installed follow these steps to install this repository on your machine:
git clone https://github.com/richardevcom/front-end-boilerplate.git
- Clone this repositorynpm install
- Install node modules- That's it. If you like to change the directory names & locations, don't forget to change the paths in
./config.js
also.
Run
npm run build
orgulp build
- Build distribution filesnpm run dev
orgulp dev
- Run development environment & build on changesnpm run clean
orgulp clean
- Clean distribution folder
To use gulp
commands, you have to npm install --global gulp-cli
.