Scaffolds a modern workflow for starting a React app

Check out create-react-app instead!
Last updated 4 years ago by silvenon .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install generator-wbp 
SYNC missed versions from official npm registry.


This generator was a way for me to start React projects more quickly. However, I since started using the awesome create-react-app, so I won't be maintaining this project anymore. I suggest you check it out!

generator-wbp Travis CI

A Yeoman generator which provides a modern workflow for developing web apps and sites.

Heavily inspired by generator-gulp-webapp, but far more opinionated. I want to make this generator as hardcore as it can be, starting a new project should be a breeze.


See the current roadmap.

.babelrc is where you can set your Babel options globally, it will be picked up by both babel and babelify.

Getting Started

Install yo and generator-wbp globally:

❯ npm install --global yo generator-wbp

Now create a new directory for your project:

❯ mkdir my-webapp
❯ cd my-webapp

and run the generator to start scaffolding and installing dependencies:

❯ yo wbp


There are some shortcut scripts in the package.json that you can run using npm. There are a couple of benefits to this:

  • it's usually shorter to type
  • if I happen to switch to another task runner, the npm scripts will stay the same
  • when run like this, the gulp command actually uses the local gulp, so we don't have to worry about local and global versions matching or even installing it globally
  • we don't have to create a gulp task for other shell commands, like deployment in our case

Side note: I'm not entirely sure that it's ok to use npm scripts this way, but we're not going to be publishing the generated "package" (which is why private is set to true), so we might as well abuse them.

Start the local server at http://localhost:9000 and watch files for changes:

❯ npm start

Run tests:

❯ npm test

Make a compressed production-ready build:

❯ npm run build

Preview the build, make sure nothing is broken:

❯ npm run preview

Deploy to S3 using AWS CLI:

❯ npm run deploy

This script needs to be adjusted according to your S3 data, or replace it with another script if you're deploying to somewhere else.


See the contributing docs, interesting stuff.


MIT © Matija Marohnić

Current Tags

  • 0.3.2                                ...           latest (4 years ago)

9 Versions

  • 0.3.2 [deprecated]           ...           4 years ago
  • 0.3.1 [deprecated]           ...           5 years ago
  • 0.3.0 [deprecated]           ...           5 years ago
  • 0.2.1 [deprecated]           ...           5 years ago
  • 0.2.0 [deprecated]           ...           5 years ago
  • 0.1.0 [deprecated]           ...           6 years ago
  • 0.0.3 [deprecated]           ...           6 years ago
  • 0.0.2 [deprecated]           ...           6 years ago
  • 0.0.1 [deprecated]           ...           6 years ago
Maintainers (1)
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 4
Dependencies (3)
Dev Dependencies (6)
Dependents (1)

Copyright 2014 - 2017 © |