只有在写入文件时，babel-node才会显示导入错误

Question

整个练习的目的是在浏览器中运行ES2015 javascript。我有一个这样的测试设置：

foo.js：

export class Foo {}

main.js：

import {Foo} from './foo';
console.log('ready')

最后，我还有一个.babelrc文件：

{
    "presets": [
        "es2015",
        "stage-0"
    ]
}

这段代码运行良好

$> ./node_modules/.bin/babel-node main.js
ready

第一步(如果我错了请纠正我)是将这段代码从ES2015转换到ES5

$> ./node_modules/.bin/babel-node main.js -o main-es5.js
/Users/dev/test/main.js:1
(function (exports, require, module, __filename, __dirname) { import {Foo} from './foo'; 
                                                              ^^^^^^
SyntaxError: Unexpected token import

为了完整起见，我的最后一步是

$> ./node_modules/.bin/browserify main-es5.js bundle.js

如能就此事提供任何帮助，我们将不胜感激

Answer 1

babel-node只是一个交互式的repl，它预编译了输入源。

要编译es6并发出es5，请执行以下操作：

babel main.js > main-es5.js

顺便说一句，您还需要在foo.js中对类执行export操作，才能使其在main.js中可用。在您的示例中，Foo是未定义的。