0

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

这是运行服务器文件后出现的错误:命令行

我使用 babel-cli 错了吗?

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

4

1 回答 1

0

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

于 2017-10-08T15:17:48.140 回答