babel-cliを使用してコンパイルしたファイルでエラーが発生しました

Question

env、stage-0、およびreactプリセットでwebpackを使用してクライアント側をコンパイルしています。うまくいきましたが、今はサーバー側のレンダリングに取り掛かりました。そのため、サーバーファイルでes6とjsxの構文を使用する必要がありました。 webpackと全く同じプリセットを使ってコンパイルしていますが、コンパイルされたファイルを実行した後、サーバファイル内にインポートされているクライアントファイルの1つにエラーが表示されます。 GitHub：あなたは私のコマンドを見ることができるので、ここでは私のpackege.jsonです（探し、「ビルド：S」コマンド）

これはエラーImは、サーバーのファイルを実行した後に取得している：command line

は私がバベル-cliの間違ったを使用しています？

編集： 私はここで本当のピクルスです。私は別のアプローチを試みた。私はbabel-cliを使用してクライアント全体を特定のフォルダにコンパイルし、次にこのフォルダからサーバーファイルのインポートをinsodeしました。しかし、それはちょうど私が "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を実行したいと思います