React, babel, webpack not parsing jsx code

Question

webpack.config.js

module.exports = {
  context: __dirname + \"/app\",
  entry: {
    javascript: \"./app.js\",
    html: \"./index.html\",
  },
  resolve: {
         


        

Answer 1

this is help me to solved that issue.

create new file .babelrc on same directory webpack.config.js. Add this to .babelrc

  {
  "stage": 2,
  "env": {
    "development": {
      "plugins": [
        "react-display-name",
        "react-transform"
      ],
      "extra": {
        "react-transform": {
          "transforms": [{
            "transform": "react-transform-hmr",
            "imports": ["react"],
            "locals":  ["module"]
          }]
        }
      }
    }
  }
}