Gulp Starter Pack

Gulp starter package to use with PostCss or sass, pug, autoprefixer, babel, compile bootstrap, minify assets and perform other common front-end tasks.

Getting stated

Development:

• Install node.js and npm
• Run npm i
• Run gulp (default task)
• Work with /src folder and get the processing result in /dist

Production

• Run gulp build to build minified assets ready to use in production

Tasks

• postcss - including sass like plugins, autoprefixer, SugarSS
• sass - compile .sass and .scss
• bootstrap - compile custom bootstrap 4 alpha 5 file
• pug - compile pug templates
• babel - compile es2015 javascript code for older browsers
• useref - optimize .css and .js
• cssnano - minify css in dest folder
• images - imagemin for graphics optimization
• fonts - copy fonts to dist folder
• browserSync - serve assets with hot reload from ./src folder
• clean:dist - clean dist folder to prevent conflicts before build