A minimalistic and light-weight Gulp Boilerplate to quick start your multi-language project from scratch.
Made with ❤️ by Glenn Reyes
- ES2015 Babel transpiler that allows you writing JS Code in ES2015/ES6 style.
- Browserify for bundling all your JS components together.
- Sass: CSS pre-processor with Autoprefixer
- Browsersync with Livereload
- Critical extracts the CSS from your critical path (above-the-fold) to HTML for better performance and experience
- Handlebars templates that organizes the HTML snippets
- Multi-language Support inspired by i18n
Install Node & Bower packages:
npm install && bower install
If you don't need any Bower packages, you will have to turn off the font task.
To start Browsersync and Livereload, simply:
npm start
To create a static build just run following command on your CLI:
npm run build
All built files should be in the dist
folder afterwards.
Your global gulp command is working as well, assuming it's in your machine already. If not, try npm install -g gulp
and run any task like gulp styles
, gulp critical
or gulp
as needed.
The language files are located in the src/data/lang
folder and each language share the global.json
in their parent folder.
You can access to the properties on the handlebars templates by doing {{title}}
.
This project is licensed under the MIT license, Copyright (c) 2016 Glenn Reyes. For more information check LICENSE