Question

我正在使用带有env，stage-0和反应预设的webpack编译我的客户端。它工作得很好但现在我开始处理服务器端渲染，所以我不得不在我的服务器文件中使用一些es6和jsx语法。我正在使用与webpack中完全相同的预设编译它，但在运行编译文件后，它会在我在服务器文件中导入的一个客户端文件中抛出错误。这是我的packege.json所以你可以看到我的命令：GitHub（寻找“build：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

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

1 个答案: