react-webpack-boilerplate

Boilerplate for building React app (not components library) with Webpack.

Install

``shell
npm install react-webpack-boilerplate


or


git clone https://github.com/LeeWeisheng/react-webpack-boilerplate.git
`

Usage

Firstly, you should copy all files in react-webpack-boilerplate module(or repo) to your project directory. And then, run npm install in your project directory. There are initialized scripts in package.json. One is npm start for development, another is npm run build for production.

File Structure

The main src directory stores source code. When you run npm run build command in terminal, dist directory will be created, it contains built files. Following are explanation of file or directory in src`:

- assets: to store static files like svg images, icon fonts, external javascript library etc.
- components: to store reusable react components.
- configs: to store config files like server address in different environment.
- units: to store application functional modules.
- utils: to store utility functions.
- index.html: app entry file.
- index.jsx: webpack entry file.
- routes.jsx: manages all routes.