using javascript generator with babel and webpack

Question

I trying to test the following js code:

function* foo(x) {
    var y = 2 * (yield (x + 1));
    var z = yield (y / 3);
    return (x + y + z);
}

const it = foo( 5 );

// note: not sending anything into `next()` here
console.log( it.next() );       // { value:6, done:false }
console.log( it.next( 12 ) );   // { value:8, done:false }
console.log( it.next( 13 ) );   // { value:42, done:true }

but I'm getting:

Module build failed: SyntaxError: Unexpected token

I followed this guide link but I can make my webpack to build my code using generator. Here is my webpack:

config.module.rules.push({
  test: /\.(js|jsx)$/,
  exclude: /node_modules\/(?!geniuz)/,
  use: [{
    loader: 'babel-loader',
    query: {
      cacheDirectory: true,
      plugins: [
        'babel-plugin-transform-class-properties',
        'babel-plugin-syntax-dynamic-import',
        [
          'babel-plugin-transform-runtime',
          {
            helpers: true,
            polyfill: false, // we polyfill needed features in src/normalize.js
            regenerator: true,
          },
        ],
        [
          'babel-plugin-transform-object-rest-spread',
          {
            useBuiltIns: true // we polyfill Object.assign in src/normalize.js
          },
        ],
        ['transform-regenerator'],
      ],
      presets: [
        'babel-preset-react',
        ['babel-preset-env', {
          modules: false,
          targets: {
            ie9: true,
          },
          uglify: true,
        }],
      ]
    },
  }],
})

I also tried:

['transform-regenerator', {
          generators: true,
        }],

Answer 1

This works for me:

module: { 
        rules: [   
          {     
            test:/\.js$/,       
            exclude: path.resolve(__dirname,'node_modules'), 
            loader: 'babel-loader', 
            query: {presets: ['es2015']}  
          }  
        ]         
    } 

Answer 2

Must add @babel/transform-runtime plugin to babel.config.js file look like below:

presets: ['@babel/preset-env', '@babel/preset-react'],
plugins: [
  '@babel/transform-runtime',
  '@babel/plugin-syntax-dynamic-import',
  '@loadable/babel-plugin',
],