generator-gulper

The ultimate Gulp webapp generator

Usage no npm install needed!

<script type="module">
  import generatorGulper from 'https://cdn.skypack.dev/generator-gulper';
</script>

README

Gulp web app generator

New - Now in version 2.

The (ultimate) Yeoman web app generator to scaffold out a front-end web app using the Gulp task-runner.

This is the ultimate Gulp boilerplate to kick-start your new builds. This generator has been completely rebuilt and rethought from the ground up with the primary objective to tackle the most common problems that occur in an average front-enders' day. Check out the list of features below to see what makes Gulper v2 awesome!

Features

  • Angular
  • Angular Routes
  • Autoprefixer
  • Browserify
  • Browserify Shim
  • BrowserSync
  • CoffeeScript
  • Compass
  • Handlebars
  • Image optimization
  • jQuery
  • LiveReload
  • Minify CSS
  • Notify
  • SASS
  • Watchify

Tasks

TLDR; To add new Gulp tasks just simply create a new task file in ~/gulp/tasks.

Rather than managing one giant gulpfile.js that's responsible for creating multiple tasks, each task has been broken out into their own tasks in ~/gulp/tasks. Any file in that folder gets automatically required by the loop in ~gulp/index.js.

Getting Started

To install generator-gulper from npm, run:

$ npm install -g generator-gulper

Initiate the generator in your working directory:

$ yo gulper

Serve web app:

$ gulp

Build

To build out your project ready for deployment, run gulp deploy from the root of your project. This will create an archive containing your site files in ~/_deploy.

Contribution

Contribution is welcomed as are feature requests.

License

MIT