This is a Toolkit but also a Boilerplate to use Gulp & Webpack. We consider to use both technologies because projects need to handle images, fonts, css & javascript optimizations. This boilerplate also uses Browser-sync, Postcss & Babel!
git clonethis repo- Install node.js
npm install --global gulp webpackin your command linenpm installto install dependenciesgulpto start watching your /source file changes!- It will pop up a new tab in your default browser with our awesome showcase page
- Enjoy it! 😉
Run npm run build to deploy styleguide, minified css & javascript
- gulp-cache
- gulp-imagemin
- gulp-plumber
- gulp-postcss
- gulp-sourcemaps
- webpack
- webpack-stream
- babel-core
- babel-loader
- babel-preset-es2015
- jquery
- cssnano
- lost
- postcss-calc
- postcss-color-function
- postcss-custom-media
- postcss-custom-properties
- postcss-custom-selectors
- postcss-fontpath
- postcss-media-minmax
- postcss-partial-import
- postcss-style-guide
- psg-theme-1column
- browser-sync
- ngrok
- Chrome 26
- IE 10
- Firefox 3.6
- Safari 5.1
- Opera 11.1
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request 😄