Play framework, ReactJs and webpack
This is a simple project to illustrate how to setup playframework 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
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