Express、React、Webpack、SSRアプリケーションでクライアントとサーバーの間で定数を共有する方法

サーバー側でレンダリングされた汎用Javascript Webアプリケーションを実行するとき、クライアントとサーバーの間で共通定数を共有するにはどうすればよいですか？このプラグインは文字通りページにこれらの値を注入することのWebPACKのDefinePlugin Express、React、Webpack、SSRアプリケーションでクライアントとサーバーの間で定数を共有する方法

new webpack.DefinePlugin({ 
    PRODUCTION: JSON.stringify(true), 
    VERSION: JSON.stringify("5fa3b9"), 
})

注意して

2017-02-06 ABC

。

new webpack.DefinePlugin({ FOO: "BAR" });

その後のWebPACKは文字通り挿入します：

エラーになります

var FOO = BAR;

を、裸の文字列BARが存在しない変数のように見えるので、あなたがこのような何かをすれば意味。例はそう

new webpack.DefinePlugin({ FOO: JSON.stringify("BAR") });

が正しく挿入されます挿入、引用された値を返します。JSON.stringify、に包まれたほとんどのものを示している理由です：

var FOO = "BAR";

はい、これはひどいデザインです。 WebpackのAPIは地雷です。：あなたはバックエンド側で問題なくそれらにアクセスすることができますし、これは非常に漠然とした質問であるwebpack.DefinePlugin

2017-02-06 21:22:47

私も共通の機能を共有したいのですが？ – ABC

いいえ、通常のjavascriptのようなものを必要とします –

あなたは、環境変数としてそれらを設定することができます

ウェブパックの設定でプラグインを定義してください。

plugins: [new webpack.DefinePlugin({__SERVER_RENDERING__: false})]

2017-02-06 21:23:07

使用して、クライアントのjsファイルにそれらを注入することができますが、プラグインを定義し使用することができます -

2017-02-06 21:24:09

答えて