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

Question

我正在使用带有 env、stage-0 和 react 预设的 webpack 编译我的客户端。它工作得很好，但现在我开始处理服务器端渲染，所以我不得不在我的服务器文件中使用一些 es6 和 jsx 语法。我正在使用与 webpack 中完全相同的预设对其进行编译，但是在运行编译后的文件后，它会在服务器文件中导入的客户端文件之一中引发错误。这是我的 packege.json，所以你可以看到我的命令：GitHub（查找“build:s”命令）

这是我在运行服务器文件后遇到的错误：command line

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

编辑： 我在这里是一个真正的泡菜。我尝试了不同的方法。我使用 babel-cli 将整个客户端编译到指定文件夹，然后从该文件夹导入服务器文件。但这只是给了我一堆错误，比如“找不到文件名.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