Create-react-webpack-project NPM

React + Webpack Starter

This starter kit is designed to get you up and running with a bunch of awesome front-end technologies.

The primary goal of this project is to provide a stable foundation upon which to build modern web appliications. Its purpose is not to dictate your project structure or to demonstrate a complete real-world application, but to provide a set of tools intended to make front-end development robust and easy.

Quickstart

$ npx create-react-webpack-project my-app # or specify flag `-i` to use interactive menu
$ cd my-app
$ npm start

the generated project will vary in the presence of the following flags:

Flag	What is it for?
`-i, --interactive`	use interactive mode to bootstrap your app
`--verbose`	print additional logs.
`--info`	print environment debug info.
`--nodeps`	will no install dependencies on the generated project.
`--use-npm`	will use npm as command.
`--template <template>`	specify template to use for initial setup
`--cra [template]`	use `create-react-app` for initial setup with optional example
`--gatsby <template>`	use `gatsby` using an existing boilerplate for initial setup
`--next <example>`	use `create-next-app` for initial setup using a nextjs example
`--inplace`	apply setup to an existing project.
`-a <alias>`	will setup webpack alias. `app` by default.
`--src-dir <src-dir>`	dir name to put content under `[src]/`. `src` by default.
`--typescript`	add TypeScript support.
`--i18n`	add i18n setup using react-i18n and async backend with locale and timezone support.
`--redux`	add redux support and setup using redux thunk middleware by default.
`--redux --saga`	add redux support and setup using redux saga middleware.
`--recoil`	add recoil.js support and setup the state management library for React.
`--ant-design`	add ant-design setup with ant-design icons package.
`--bootstrap`	add bootstrap and bootstrap-react setup with theme config.
`--material-ui`	add material ui setup with SVG icons.
`--semantic-ui`	add semantic ui and semantic ui react setup with theme config.
`--ionic`	generate cross platform setup using ionic react and capacitor.
`--docker`	generate dockerfiles for development and production environments.
`--android-tools`	generate dockerfiles to perform android emulation, testing and apk generation.

(npx comes with npm 5.2+ and higher, see instructions for older npm versions)

Creating an app

You’ll need to have Node 12.14.0 or later on your local development machine (but it’s not required on the server). You can use fnm to easily switch Node versions between different projects.

To create a new app, you may choose one of the following methods:

npx

$ npx create-react-webpack-project my-app

(npx comes with npm 5.2+ and higher, see instructions for older npm versions)

npm

$ npm init react-webpack-project my-app

npm init <initializer> is available in npm 6+

yarn

$ yarn create react-webpack-project my-app

yarn create is available in Yarn 0.25+

It will create a directory called my-app inside the current folder. Inside that directory, it will generate the initial project structure and install the transitive dependencies.

React + Webpack Starter

Quickstart

Creating an app

npx

npm

yarn

Contributors