teimuraz / play2.5-react-webpack

Play framework (2.5.x), ReactJs and webpack

Play framework (2.5.x), ReactJs and webpack

This is a simple project to illustrate how to setup playframework (2.5.x) to work with react js, es6 and webpack

Just checkout the project and do npm installto install all dependencies or rebuild it step by step by following instructions below.

Initialize npm project

npm init

Install react

npm install react react-dom --save

Install dependencies for dev

npm install webpack --save-dev
npm install babel-core babel-loader babel-preset-react babel-preset-es2015 babel-plugin-transform-react-jsx --save-dev
npm install babel-plugin-react-require --save-dev

.babelrc content :

{
  "presets": ["es2015", "react"],
  "plugins": [
    "react-require"
  ]
}
``

## For linting

npm install eslint eslint-loader --save-dev

## For handling CSS and Sass

npm install node-sass css-loader sass-loader style-loader --save-dev

    "jsx-loader": "^0.13.2",
    "node-sass": "^3.4.2",
    "style-loader": "^0.13.0",
    "webpack": "^1.12.9",
    "webpack-dev-server": "^1.14