Ravi Kumar
Sep 2, 2018 · 1 min read

Not working with latest babel. My working configuration are:

package.json

“devDependencies”: {

“@babel/core”: “⁷.0.0”,

“@babel/preset-env”: “⁷.0.0”,

“@babel/preset-react”: “⁷.0.0”,

“babel-loader”: “⁸.0.1”,

“babel-preset-es2015”: “⁶.24.1”,

“css-loader”: “¹.0.0”,

“file-loader”: “².0.0”,

“html-webpack-plugin”: “³.2.0”,

“redux-devtools”: “³.4.1”,

“style-loader”: “⁰.23.0”,

“webpack”: “⁴.17.1”,

“webpack-cli”: “³.1.0”,

“webpack-dev-server”: “³.1.7”

},

“dependencies”: {

“lodash”: “⁴.17.10”,

“react”: “¹⁶.4.2”,

“react-dom”: “¹⁶.4.2”,

“react-flexbox-grid”: “².1.2”,

“react-hot-loader”: “⁴.0.0”,

“react-redux”: “⁵.0.7”,

“react-router”: “⁴.3.1”,

“react-router-dom”: “⁴.3.1”,

“redux”: “⁴.0.0”,

“styled-components”: “³.4.5”

}

and .babelrc

{

“presets”: [

“@babel/preset-env”,

“@babel/preset-react”

],

“plugins”: [

“react-hot-loader/babel”

]

}

and also added

mode: ‘development’,

to webpack.config.js

and

mode: ‘production’,

to webpack.prod.js files.

Ravi Kumar

Written by

Turning coffee into code since 2010, in love with Laravel • JavaScript • Html • CSS • NodeJS • VueJS