Skip to content

A boilerplate for a React SPA using ES2018, Sass, Webpack 4 & Babel 7

License

Notifications You must be signed in to change notification settings

miasmos/react-boilerplate

Repository files navigation

##React Boilerplate

This project is built with ES2018, React, Sass, Webpack 4 & Babel 7.

Prettier is used for code style guideline. Every major editor has a Prettier extension allowing auto-styling on save.

PostCSS is used within the webpack pipeline for automatic appending of vendor prefixes based on .browserslistrc.

webpack-dev-server is used for quick iterative development, allowing for hot module replacement in-browser.

#Getting Started
Install the latest version of nodejs.
npm install -g windows-build-tools prettier
npm install
npm run dev

This will start webpack dev server on port 80. The project is compiled to build.

#Deployment
npm start

This will run webpack in production mode. By default, this means the bundle will be minified and libraries that rely on the NODE_ENV variable will transpile to their production versions.