https://github.com/keidrun/boilerplate-react-sass
Boilerplate of React and SASS with Webpack.
https://github.com/keidrun/boilerplate-react-sass
boilerplate css css3 flow flowtype react react16 sass webpack webpack2
Last synced: 4 months ago
JSON representation
Boilerplate of React and SASS with Webpack.
- Host: GitHub
- URL: https://github.com/keidrun/boilerplate-react-sass
- Owner: keidrun
- License: mit
- Created: 2017-11-28T10:29:00.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-02T11:17:54.000Z (over 8 years ago)
- Last Synced: 2025-07-09T09:15:06.837Z (11 months ago)
- Topics: boilerplate, css, css3, flow, flowtype, react, react16, sass, webpack, webpack2
- Language: JavaScript
- Size: 80.1 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# boilerplate-react-sass [![devDependency Status][depstat-image]][depstat-url]
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`.
1. Install modules via `yarn install` or `npm install`.
1. Install Flow types via `yarn run flow-typed` or `npm run flow-typed`.
1. Execute `yarn start` or `npm start` and See `http://localhost:8080/` on your
Chrome.
1. Enjoy developing your web site.
[depstat-url]: https://david-dm.org/keidrun/boilerplate-react-sass?type=dev
[depstat-image]: https://david-dm.org/keidrun/boilerplate-react-sass/dev-status.svg