サーバー側のレンダリング（c）の設定WebPACKの文法コンパイラパッケージJSXを反応させます

パス=一定（「パス」を必要とする）; 
CONST nodeExternalsの =は、（「WebPACKのノード-外観」）が必要; // サーバのために、クライアントとそのようなコードのための異なる処理が必要 
= module.exportsはを{ 
    ターゲット： 'ノード「// クライアントと、このようなコードのためのサーバ用には、別の処理が必要です 
    開発『：MODE」、
    エントリー：』 ./src/index.js' 、
    出力：{ 
        ファイル名：『bundle.js』を、
        パス：Path.resolve（__ DIRNAME、 'ビルド' ）
    }、
    外観：[nodeExternals（）]、
    Module1の：{ 
        ルール：[{ 
            テスト： /\.js?$/、
            ローダー：「バベル・ローダー」、// ローダーバベルコア・バベルをインストールする必要 
            インクルードは除外する：/ /ノードモジュール、
            オプション：{ 
                プリセット：[ // コンパイル規則が 
                    「REACT」、   // 必要に予め設定-REACT-バベル 
                    " '0段// PRESETステージをインストールするために必要と-バベル0 
                    'ES2015'、// バベル-PRESET-ES2015 
                    [' ENV '{ターゲット：{ブラウザ：['最終バージョン2「]} }] // 最後の二つのバージョンのすべてのブラウザと互換性のあるインストールPRESET-ENV-バベル
                ] 
            } 
        }] 
    } 
}

1. ターゲット：「ノードの識別コードは、それによってパッケージングの異なる方法を使用して、WebPACKのエンドノードにパッケージングされます。例えば、必要とする（「パス」）経路モジュールが中に包装されているブラウザ・コードで必要とされる、及びサーバは、パッケージパス来るこのモジュールなしに、これだけのコード（「パス」）を必要とする維持します。
2. 単にターゲットを使用することは十分ではありませんので、使用の増加のWebPACKのノード - 外観パッケージ。
3. インストールされているすべての私たちのパーサーの対応に依存バベル-プリセット-XXXをインストールすることを忘れないでください
4. 最後に、ファイルがパッケージ化さbundle.jsを実行することができます