在 Node、Webpack 和 babel-loader 中使用 ES7 async/await 时出错

我正在尝试使用带有 webpack 和 babel-loader （es2015 + stage-0 预设）的 node.js 在服务器上使用 javascript ES7 语法。我已经让它可以与 babel-node 一起使用，但是当我运行 webpack 时，我在 async 关键字处收到以下错误（9:22 在 async 关键字之后）：

ERROR in ./src/server.js Module parse failed: C:\dev\node-async-sample\src\server.js 
Unexpected token (9:22) You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected token (9:22)

我已将代码放在 github 上https://github.com/qubitron/node-async-sample https://github.com/qubitron/node-async-sample，关于如何让它发挥作用有什么想法吗？

以下是 src/server.js 中的相关片段：

import express from 'express';
import http from 'request-promise';

let server = express();

server.get('/', async function(request, response) {
    let result = await http('http://www.google.com');
    response.send(result);
});

.babelrc：

{
  "presets": [
    "es2015",
    "node5",
    "stage-0"
  ],
  "plugins": [
    "transform-runtime"
  ]
}

和 webpack.config.js：

module.exports = {
  entry: [
    'babel-polyfill',
    './src/server.js'
  ],
  output: {
    path: __dirname + '/dist',
    filename: 'server_bundle.js'
  },
  resolve: {
      extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        include: __dirname + '/src',
        loader: 'babel-loader'
      }
    ]
  }
};

我在这里看到了类似的问题，但它有不同的错误消息，并在 babel:master 中修复：ES7 异步等待函数与 babel-loader 不工作 https://stackoverflow.com/questions/33579395/es7-async-await-functions-with-babel-loader-not-working

您的 src 路径不正确。你永远不应该（比如never:)) 使用字符串连接来连接路径path.join https://nodejs.org/api/path.html#path_path_join_path为了那个原因。

{
   test: /\.jsx?$/,
   include: path.join(__dirname, 'src'),
   loader: 'babel-loader'
}

顺便说一句，这将解决解析问题，但你仍然需要处理.json通过添加相应的扩展名来解析部分并使用来加载文件json-loader

{ test: /\.json$/, loader: 'json-loader' }

此外，您还需要处理丢失模块警告。例如fs and net.

所以我推荐你使用babel-cli https://babeljs.io/docs/usage/cli/预编译服务器代码。

babel src --out-dir dist