Use Webpack to output es6?

Question

Is there a way to use Webpack to bundle all the JavaScript files and output the resulting bundle.js as an es6 file, and not to es5? So, it is Webpack\'s job to bundle, but is it

Answer 1

Webpack still can't do this. There is an open ticket here https://github.com/webpack/webpack/issues/2933

For now, if you want to bundle es6 the most promising solution seems to be rollup

This article is also linked in the discussion on GitHub and provides a pretty good overview

https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c

Answer 2

webpack 5 can generate both ES5 and ES6/ES2015 code.

The default configuration will generate ES2015. If you need to support older browsers (like IE11), you can set output.ecmaVersion: 5.

https://webpack.js.org/migrate/5/#turn-off-es2015-syntax-in-runtime-code-if-necessary