Internet Explorer ES6 function not compiled

Describe the bug Internet Explorer ES6 function not compiled, which comes from socket.io-parser module a dependency of socket.io-client.

I have been trying to force the compilation for this specific module, but babel-loader can’t reach it because I am not making a straight ES6 import of socket.io-parser in my pages. import parser from 'socket.io-parser' otherwise I would have compiled this module easily 😃 But I need you to do it for me. And get a top notch module 🥇

function excludeNodeModulesExcept(modules) {
  var pathSep = path.sep
  if (pathSep == '\\')
    // must be quoted for use in a regexp:
    pathSep = '\\\\'
  var moduleRegExps = modules.map(function(modName) {
    return new RegExp('node_modules' + pathSep + modName)
  })

  return function(modulePath) {
    if (/node_modules/.test(modulePath)) {
      for (var i = 0; i < moduleRegExps.length; i++) if (moduleRegExps[i].test(modulePath)) return false
      return true
    }
    return false
  }
}

webpackRule = [
    {
      test: /\.(js|jsx|ts|tsx)$/,
      exclude: excludeNodeModulesExcept(['query-string', 'socket.io-parser']),
      loader: 'babel-loader'
    }
]

Expected behavior I want the javascript bundles to run on Internet Explorer 11, as simple as that.

[markvandenbrink]

Hi there,

I’ve run into the same issue. But the solution is quite simple. Webpack uses the ES6 build, and by adding a browser field to the exports field in package.json this can be solved. Created a PR for this.

In the meantime, you can use the following workaround by adding an alias to your webpack.config.js:

resolve: {
  alias: {
    "socket.io-client": path.resolve(__dirname, "node_modules/socket.io-client/dist/socket.io.js"),
  },
},

Hope this helps!

[darrachequesne]

Please use babel to transpile the code to ES5/ES3. This is the best tool for this job.

More information here: https://github.com/sindresorhus/ama/issues/446

Thanks!