renansigolo/gulp-boilerplate

Minimal Gulp 4 boilerplate

📦 Gulp Boilerplate

Minimal Gulp 4 boilerplate with Babel, Sass, ESLint, Live Reload, and development/production optimization.

Installation

git clone git@github.com:renansigolo/gulp-boilerplate.git
npm i

Usage

Development server

npm start

Production build

npm run build

Features

• Gulp
• Babel
• Prettier
• Sass
• PostCSS
• ESLint
• Normalize.css
• Skeleton
• Standard Version

Dependencies

Gulp

• gulp - The streaming build system.

Babel

• @babel/core - Transpile ES6+ to backwards compatible JavaScript.
• @babel/preset-env - Smart defaults for Babel.

Plugins

• browser-sync - Keep multiple browsers & devices in sync when building websites.
• cssnano - A modular minifier, built on top of the PostCSS ecosystem.
• del - Delete files and directories
• gulp-autoprefixer - Prefix CSS
• gulp-babel - Gulp plugin for Babel
• gulp-concat - Streaming concat middleware for gulp
• gulp-eslint - A Gulp plugin for identifying and reporting on patterns found in ECMAScript/JavaScript code.
• gulp-htmlmin - Minify HTML
• gulp-imagemin - Minify PNG, JPEG, GIF and SVG images
  • imagemin-guetzli - Imagemin plugin for guetzli
  • imagemin-pngquant - Imagemin plugin for pngquant
• gulp-postcss - Pipe CSS through PostCSS processors with a single parse
• gulp-rename - Rename files easily
• gulp-sass - SASS plugin for gulp
• gulp-sitemap - Generate a search engine friendly sitemap.xml using a Gulp stream
• gulp-sourcemaps - Sourcemap support for gulpjs.
• gulp-uglify - Minify files with UglifyJS

Bonus

• Generate your site.manifest file at Web App Manifest Generator
• Generate your favicons at RealFaviconGenerator

Author

• Renan Sigolo

Acknowledgement

• A huge thanks to Tania Rascia 👍🏻

License

This project is open source and available under the MIT License.