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

Question

我正在使用 Express.js 构建同构(通用)React.js 应用程序。我的服务器和客户端代码共享 Routes.jsx文件采用 ES2017 语法和 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可能是您最简单的选择。