babel with sub js files

本文关键字：files js sub with babel 更新时间：2023-09-26

我是Babel的新手，我对在node.js中使用Babel有一些问题。有一个名为"app.js"的文件，是我的node应用程序的主文件。所以我用转换"app.js"

babel app.js --out-file app-compiled.js

而且看起来不错。但问题出在子文件上。在"app.js"中，有一个加载外部javascript文件的语法。

import MyComponent from './components/mycomponent';

"./components/mycomponent"的内部是：

...
var MyComponent = { ... };
...
export default MyComponent;

如果我启动"app-compted.js"，它会出错，因为使用"import/export"和node的子文件不知道它们是什么。

有没有办法自动编译发送到客户端的子文件或类似文件，有没有办法将整个ES2015节点应用程序捆绑到节点能够理解的单个JavaScript文件中？

如果能给我一些建议，我将不胜感激！

抱歉，我忘了提到：我用创建了.babelrc

{
  "presets": [
    "es2015",
    "react"
  ]
}

babel运行良好，但如何使用babel在node应用程序中加载使用ES2015的外部JS？

Babel不支持开箱即用的ES2015/ES6。为此，您需要启用es2015预设。

这里概述了它，但基本上你需要在你的项目目录中这样做：

$ npm install --save-dev babel-preset-es2015
$ echo '{ "presets": ["es2015"] }' > .babelrc

之后，您可以像现在一样运行babel命令，它应该将import/export转换为等效的ES5。