Javascript babel节点仅在写入文件时出现导入错误
整个练习的目的是在浏览器中运行ES2015 javascript。我有这样的测试设置: foo.js:Javascript babel节点仅在写入文件时出现导入错误,javascript,node.js,ecmascript-6,babeljs,transpiler,Javascript,Node.js,Ecmascript 6,Babeljs,Transpiler,整个练习的目的是在浏览器中运行ES2015 javascript。我有这样的测试设置: foo.js: export class Foo {} main.js: import {Foo} from './foo'; console.log('ready') 最后,我还有一个.babelrc文件: { "presets": [ "es2015", "stage-0" ] } 这段代码运行良好 $> ./node_modules/.bin/
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
任何关于这个问题的帮助都将不胜感激
babel节点
只是一个预编译输入源的交互式repl
要编译es6并发出es5,请执行以下操作:
babel main.js>main-es5.js
顺便说一句,您还需要导出foo.js中的类,以使其在
main.js
中可用。在您的示例中,Foo
是未定义的。babel节点
只是一个预编译输入源的交互式repl
要编译es6并发出es5,请执行以下操作:
babel main.js>main-es5.js
顺便说一句,您还需要导出foo.js中的类,以使其在
main.js
中可用。在您的示例中,Foo
是未定义的。如果您使用的是Browserify,您将需要thnx,我需要的是babelify,thnx!如果你使用Browserify,你会想要thnx,babelify是我需要的,thnx!