Babel與子js文件

Question

我是Babel的新手，我對在node.js內使用Babel有一些疑問。 有一個名為“ app.js”的文件，這是我的節點應用程序的主文件。 所以我將'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-compiled.js”，它會出錯，因為使用“導入/導出”和節點的子文件不知道它們是什么。

有沒有辦法自動編譯子文件或發送給客戶端的文件，有沒有辦法將整個ES2015節點應用程序捆綁到節點可以理解的單個JavaScript文件中？

非常感謝您給我一些建議！

ps抱歉，我忘了提及：我創建了.babelrc與

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

babel運行良好，但是如何使用babel使節點應用程序中的ES2015使用外部JS加載？

Answer 1

Babel不支持開箱即用的ES2015 / ES6。 為此，您需要啟用es2015預設。

這里概述了它，但是基本上您需要在項目目錄中執行此操作：

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

之后，您可以像現在一樣運行babel命令，它將import/export轉換為與ES5等效的命令。