webpackを使用してawaitキーワードをes5に変換するにはどうすればよいですか？

Question

awaitを有効なes5に使用してコードを変換する方法を解明することはできません。私はwebpack 3を使用しており、async関数を約束を返す関数に変換することはできますが、awaitのエラー：Module build failed: SyntaxError: ...: await is a reserved wordに変換できます。私は特定のbabel-loaderプラグインが必要だと仮定しましたが、awaitのプラグインは表示されません。私のwebpack設定の関連部分は次のとおりです：

 module: { 
     rules: [{ 
      test: /\.js$/, 
      exclude: /(node_modules|bower_components)/, 
      use: { 
      loader: 'babel-loader', 
      options: { 
       presets: ['es2015', 'stage-0'], 
       plugins: ["syntax-async-functions","transform-regenerator"], 
      } 
      } 
     } 
     ] 
    } 

私がしようとしていることは可能ですか？

UPDATE：

ここに私のWebPACKの設定の関連部分は、今だ：

module: { 
     rules: [ 
     { 
      test: /\.js$/, 
      exclude: /(node_modules|bower_components)/, 
      use: [{ 
      loader: 'nodent-loader', 
      options: { 
       promises: true, 
       wrapAwait: true 
      } 
      }, 
      { 
      loader: 'babel-loader', 
      options: { 
       presets: ['es2015', 'stage-0'], 
       plugins: ["syntax-async-functions","transform-regenerator"], 
      } 
      } 
      ] 
     } 
     ] 
    } 

そして、ここでは、私がコンパイルしようとしているコードです：

module.exports = async function() { 
    var x = await wait() 
} 

async function wait() { 
    return new Promise(function(resolve) { 
     setTimeout(function() { 
      resolve() 
     },1000) 
    }) 
} 

Answer 1

あなたが実際にasyncを宣言しました間違った関数で

wait機能が非同期ではありません。あなたはそれを呼び出し、すぐに約束を返します。

async〜this.initを追加する必要があります。これは非同期機能です。それは解決する約束をawaitする必要があるのですぐに戻ることはありません。

は参照用のドキュメントを参照してください：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function