Babel not transpiling arrow functions (Webpack)

Question

When running webpack, and babel, the resulting bundle.js still contains arrow functions. This gives me a Syntax Error when running in Internet Explorer 10. I would like babe

Answer 1

Please try to use the preset-env dependency. It worked for me just fine

{
   test: /\.js$/,
   exclude: /node_modules/,
   loader: 'babel-loader',
   options: {
      presets: ["@babel/preset-env"]
   }
},

Answer 2

it seems to be related to 'transform-es2015-function-name' plugin. see https://github.com/babel/babel/issues/4782#issuecomment-271367012 for details. So excluding the plugin should do the job.

Answer 3

I think an issue is related to query-string because it's written in ES6 and not transpiled to ES5. Try to downgrade version from 6 to 5.

yarn add query-string@5.1.1