使用babel-cli编译的文件抛出错误

Question

我正在编译我的客户端，使用带有env，stage-0和react预置的webpack。它工作得很好，但现在我开始处理服务器端渲染，所以我不得不在服务器文件中使用一些es6和jsx语法。我正在编译它，使用的预设与在webpack中完全相同，但在运行编译文件后，它在服务器文件中导入的一个客户端文件中抛出了一个错误。这是我的构建，以便您可以看到我的命令：GitHub (查找“packege.json :s”命令)

这是运行服务器文件后出现的错误：command line

我使用babel-cli是不是错了？

编辑:我在这里遇到了真正的麻烦。我尝试了不同的方法。我使用babel-cli将整个客户端编译到指定的文件夹，然后导入从该文件夹导入的服务器文件。但这只会给我一堆错误，比如“找不到filename.scss”……有人知道如何解决这个问题吗？

Answer 1

Babel不会为您处理依赖项。

babel ./server/app.js --out-file ./server/app.compiled.js --presets=env,stage-0,react

具体来说，它只编译app.js中的内容。由于app.js导入了其他内容，因此这些其他文件尚未编译。

通常情况下，您需要一个包含所有原始源代码的文件夹，所以我会这样做

src/
  server/
  client/

一般来说，你会想做更多的事情，比如

babel ./src --out-dir ./lib --presets=env,stage-0,react

然后执行node ./lib/server/app.js