Webpack+React+Babel+Sass

It took me several days to learn and assemble these pieces, so this boilerplate can save others time.

DEPRECATED: Use parcel-react-boilerplate instead.

Usage

1. Install Node.js and Git

2. Download the repository

   git clone https://github.com/J-F-Liu/webpack-react-boilerplate.git
   cd webpack-react-boilerplate
   

3. Checkout react-router branch if you want to use react-router

   git checkout react-router

4. Install npm packages

   npm install

5. Start dev server

   npm start

6. Build website for production enviroment

   npm run build

View online demo.
View online demo with react-router.

Trouble shooting

ERROR in ./~/css-loader!./~/sass-loader?indentedSyntax=true!./app/styles/site.sass
Module build failed: Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (51)

or

ERROR in ./~/css-loader!./~/sass-loader?indentedSyntax=true!./app/styles/site.sass
Module build failed: Error: ENOENT: no such file or directory, scandir

Run npm rebuild node-sass.

When using Microsoft Windows, install Python 2.7 and Visual C++ Build Tools, then run

npm install node-sass --msvs_version=2015
npm rebuild node-sass