Gulp Generate

About

This generator produces every file needed for convenient web development less advanced things. Also provides benefits like image optimization and hot reload.

Getting Started 💡

Installation ⚡

Install globally gulp-generate with npm or yarn:

npm install -g gulp-generate

yarn global add gulp-generate

Generating project ✌️

gulp-generate <project_name>

Development 🔧

To enable Development version with live preview and changes catching, simply write:

gulp

or

gulp dev

To skip image optimization on start, type:

gulp lite

Production 📥

To build your website write:

gulp build

Configuration ⚙️

Simply change values in gulpfile.js:

// ------- EDIT SECTION ------- //

var distDir = "dist",
  buildDir = "docs",
  srcDir = "src",
  assetsDir = "img";

var imageQuality = {
  jpg: 80, // 0 - 100%
  png: 6 // 1 - 7
};

// ----------- END ----------- //

Meta

Karol Waliszewski – [e-mail]

https://github.com/Karol-Waliszewski