Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including generator-webpack-versatile with all npm packages installed. Try it out:

generator-webpack-versatile lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("generator-webpack-versatile/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

generator-webpack-versatile v6.3.0

Yeoman generator for client/server development with webpack, gulp, pug, karma, mocha and some more selectable tools


npm version Build Status Dependency Status devDependency Status

Yeoman generator will setup an express-project with a bunch of tools (some fixed, some selectable) pre-setup to provide an eligible work flow.


Use typescript to transpile typescript modules.

Use webpack to pack client code into compact bundles.

Use browersync for fast live testing on multiple devices.

Use gulp for all task automation.

Use pug for server and client templating.

Use karma for client-tests. There is also support for smoke-testing your application - either in your installed browsers or headlessly using PhantomJS.

Use mocha with chai for unit-tests.


Use modernizr for browser-feature detection.

Use foundation or bootstrap for responsive client-side styling.

Use page.js as a micro client-side router

Use backbone as a lightweight client-library to build agile single-page web applications.

Use marionette to organize your backbone views.

Use sass as versatile CSS-Preprocessor (required for bootstrap and foundation).

Use cache-crusher to provide cache-busting for your production-build.


The following additional npm-packages are assumed to be installed globally: bower, gulp, yo.

$ npm install -g bower gulp yo generator-webpack-versatile

Finally, initiate the generator:

$ yo webpack-versatile



Just select your preferred options and wait till your project has been scaffolded...

Look in the generated file for details of project layout and usage of gulp tasks.


MIT License

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free