Pass ou d'utilisation.env variable de nœud à reactjs

Comment puis-je passer ou de l'utilisation process.env variables de nœud à reactjs? Par exemple, j'ai ce

const nodeEnv = process.env.NODE_ENV || 'development'

dans mon développement et il fonctionne (je pense parce que c'est le développement et la j'ai une solution de repli 'development'.

Mais quand nous pousser à notre serveur de test et jeu NODE_ENV variable, il ne fonctionne que la première fois qu'il se charge, mais par la suite, il ne le fait pas. Je pense que je fais cela parce que au début c'est desservie par nœud et il a accès aux variables de serveur mais par la suite, il serait reactjs de servir les pages (à droite?) et il n'aurait pas accès au serveur de trucs. Alors, comment puis-je obtenir avoir des variables de reactjs sans le coder en dur (car on finirait par avoir un ensemble différent pour la production)?

MODIFIER. Nous utilisons également des webpack si cela a une différence.

InformationsquelleAutor index | 2016-04-21
  1. 7

    J'ai trouvé ceci: http://dev.topheman.com/make-your-react-production-minified-version-with-webpack/ 

    module.exports = {
  //...
  plugins:[
    new webpack.DefinePlugin({
      'process.env':{
        'NODE_ENV': JSON.stringify('production')
      }
    }),
    //[...]
  ]
  //...
}

    À mon avis, c'est exactement ce que vous êtes recherche pour.

    • Ouais. J'ai vu aussi, mais je me demandais, parce que ce qu'il fait est je pense remplacer la chaîne directement droit dans la construction? Est-ce que j'aurais à faire construire dans le serveur au lieu de le pousser? Est-ce la seule façon?
    • Oui, vous avez pour ce faire définitivement sur le côté serveur (web pack). Si vous voulez faire de ce côté client, il faut ajouter les node_env variable manuellement dans votre code source. Peut-être il ya une autre façon, mais pourquoi êtes-vous en quête d'une autre façon? Peut-être que ça aide si vous expliquez pourquoi vous êtes à la recherche d'une autre solution.
    • Je veux dire, j'ai besoin d'exécuter webpack -w sur notre serveur de test à la place de mon ordinateur de développement. J'ai juste envie de tout faire sur mon développement en tant que possible, je ne suis pas maître dans le serveur. Mais si faut-il qu', aurait à le faire alors. Est-ce à dire que j'ai séparé webpack config pour chaque serveur de déploiement de cela?
    • Suis-je le droit que vous utilisez seulement réagir sur le côté client? Ensuite, vous pouvez simplement le faire en créant une webpack config pour le mode de production et de développement. Je vous suggère de prendre un regard plus profond dans la réagir kits de démarrage (avec webpack) comme github.com/webpack/react-starter. Il y a de bons exemples de la façon de gérer ce vraiment agréable.
    • Je vais vérifier cela espère que cela fonctionne. Merci beaucoup!
    • Le problème avec cette solution est la suivante: Si vous définissez les variables d'environnement H2, comme dans mon cas, vous ne recevrez pas les variables à construire (Webpack). Actuellement, je pense à une solution où/comment retenir les variables sur le côté client (Réagir).

    InformationsquelleAutor CapCa
  2. 7

    Webpack a également défini EnvironmentPlugin pour cela. Il suffit de fournir un tableau de noms de variables d'environnement et ils seront accessibles dans le client.

    plugins: [
  new webpack.EnvironmentPlugin([
    'NODE_ENV',
     'SOME_OTHER_KEY'
  ])
]
    • Cela fonctionne très bien. Votre dire de l'utiliser comme un REMPLACEMENT pour webpack.DefinePlugin({'process.env.NODE_ENV: ...}), Droit?
    • Yep, il gère pour vous. Donc, l'exemple de code ci-dessus donne accès à process.env.NODE_ENV et process.env.SOME_OTHER_KEY
    InformationsquelleAutor Cristi