Skip to content

chorniyn/play-react-webpack

 
 

Repository files navigation

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

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

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Scala 62.1%
  • JavaScript 27.8%
  • HTML 8.7%
  • CSS 1.4%