plop-react-webpack

Plop generator for React webpack projects

Usage no npm install needed!

<script type="module">
  import plopReactWebpack from 'https://cdn.skypack.dev/plop-react-webpack';
</script>

README

Plop React webpack generator

Plop generator for UI apps with React coding in ES6.

Requirements

The first requirement is to have installed Node page.

Then install Plop globally $ npm install -g plop.

Usage

First, you should install the generator: $ npm install plop-react-webpack

Create in the root of your project a plopfile.js with this content:

module.exports = require('plop-react-webpack');

In the terminal, type: $ plop.

Before start to develop, remember to install all the dependencies: $ npm install.

Provided generator

The generator provides a fresh starting point for a React project:

  • NPM as a package manager and task runner.
  • Babel as a transpiler. This project is based in ES6.
  • Webpack as a module bundler.
  • React as a JavaScript library for build UI's (user interfaces).

Commands available:

Command Action
dev Run the webpack-dev-server with hot module replacement.
build Run eslint task, then run webpack and build the bundle in /public (html included).

To run a command: $ npm run <command>.