Выход Webpack в es5 / es6?

Question

Возможно ли, чтобы webpack выводил несколько версий ECMAScript?

Что-то вроде:

• bundle5.js
• bundle6.js

EDIT:

Я имею в виду, что Webpack может создавать оба варианта за один прогон.

Answer 1

За один проход, я не уверен, что вы можете сделать это с помощью веб-пакета. Но вы можете экспортировать несколько целей, используя массив конфигураций.

Если вы используете Babel 7, вы можете сделать что-то вроде этого (не проверено):

module.exports = [
  {
    output: {
      filename: './dist-bundle-es5.js'
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              cacheDirectory: true,
              presets: [
                [
                  '@babel/preset-env',
                  {
                    forceAllTransforms: true
                  }
                ]
              ]
            }
          }
        }
      ]
    },
    name: 'es5',
    entry: './app.js'
  },
  {
    output: {
      filename: './dist-bundle-es6.js'
    },
    name: 'es6',
    entry: './app.js'
  }
];

Проверка: https://webpack.js.org/configuration/configuration-types/#exporting-multiple-configurations

Редактировать: добавить пример