boilerplate-react-sass

Boilerplate of React and SASS with Webpack.

Description

This boilerplate provides an automatic web development environment with Webpack2 to develop React(>=16) and SASS.

Automatic Settings

• transpile for CSS (SCSS -> CSS)
• attache CSS (normalize.css & autoprefixer)
• lint for CSS (stylelint)
• transpile for JS (React -> ES5)
• lint for JS (ESLint & Flow)
• package (minify CSS & JS)

Preconditions

• Installed Chrome browser.
• Installed yarn or npm.

Steps

1. Clone this repository via git.
2. Install modules via yarn install or npm install.
3. Install Flow types via yarn run flow-typed or npm run flow-typed.
4. Execute yarn start or npm start and See http://localhost:8080/ on your Chrome.
5. Enjoy developing your web site.