2017-10-08 1282 views
0

我正在编译我的客户端,使用带有env,stage-0和反应预设的webpack。它工作的很好,但现在我开始研究服务器端渲染,所以我必须在我的服务器文件中使用一些es6和jsx语法。我正在使用与webpack完全相同的预设编译它,但是在运行编译后的文件后,它会在服务器文件中导入的客户端文件之一中引发错误。这里是我的packege.json所以你可以看到我的命令:GitHub(寻找“建设:s”命令)使用babel-cli编译的文件会抛出一个错误

这是错误进出口运行服务器上的文件后获得:command line

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

回答

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

+0

感谢您的回答。我要检查一下;) – Kreha6

+0

结果是一样的。我改变了我的脚本(推到我的回购)。我应该以这种方式编译我的整个项目吗?以前我试图使用单独的webpack.config文件编译我的服务器,但每次运行“webpack”时它都会崩溃.... – Kreha6

+0

为我的客户端创建一个完全独立的编译副本只是为了让服务器呈现它是明智的吗? – Kreha6

相关问题