babel-register不适用于后续的require语句

Question

我正在使用Express.js构建一个同构(通用)的React.js应用程序。我的服务器和客户机代码使用ES2017语法和JSX共享一个Routes.jsx文件。

我知道babel-register应该对此进行转换；然而，以下代码在执行时会产生错误：

require('babel-register')({
  presets: [
    'es2017',
    'react',
  ]
})
const routes = require('./Routes.jsx')

Routes.jsx的第一行是：

import React from 'react'

错误是：

(function (exports, require, module, __filename, __dirname) { import React from 'react';
                                                              ^^^^^^
SyntaxError: Unexpected token import

我完全不明白为什么这个方法不起作用。安装了正确的babel模块。谢谢你的指点！

Answer 1

es2017预设仅包括ES2017的新添加功能，因此不包括转换模块语法。

使用babel-preset-env可能是您最简单的选择。