Question

我写了一个es6模块，我用Babel.js编译并用Webpack打包。我希望能够将此模块加载到repl中，以便我可以在那里使用它，因此我安装了babel-cli来获取babel-node。我看到通知说＆＃34; ES6风格的模块加载可能无法按预期运行，＆＃34;所以我对此并不感到惊讶：

> import Point from './js/model/Point'
SyntaxError: repl: Modules aren't supported in the REPL
> 1 | import Point from './js/model/Point'
    | ^

但我对此感到惊讶：

> var Point = require('./js/model/Point')
/Users/brianmc7/workspace/tetris-crush/js/model/Point.js:2
export default class Point {
^^^^^^
SyntaxError: Unexpected token export

是什么给出的？当我在repl中需要它们时，不会babel-node转换文件吗？是否有一个JavaScript代表，或一些简单的解决方法？ Webpack很好地编译了我的项目，所以我知道没有语法错误。

Answer 1

事实证明，只有webpack.config.js中的babel配置不适用于babel-node（显而易见，回想起来）。 Goliadkin对我的问题的评论引导我创建.babelrc，这解决了我的问题。这个最小的配置就是我所需要的：

{
    presets: ['es2015']
}

在repl中导入es6模块

1 个答案: