2016-03-19 52 views
2

ile dinlenme api temel yolu nasıl ayarlanır Bir debploy paketi oluşturmak için React ve webpack kullanarak bir bileşen geliştirdik. Bileşen bir API son noktasına konuşur. Geliştirme, test ve üretim için farklı son noktalar var. Yapı sırasında temel yolu nasıl/nereye kurabiliriz? olası çözümlerWebPack

cevap

3

Bir:

1) WebPack için env geçirin (örnek) pencereler için geçerlidir:

set "ENV=production" && webpack --progress --colors 

2) uygulamanızda DefinePlugin ENV değişkeni ile tanımlayın (veya basitçe tanımlayabiliriz) burada son noktaya:

:

new webpack.DefinePlugin({ 
    ENV: JSON.stringify(process.env.ENV) 
}) 

3) Sonra app env parametreleri ile js dosyası gerektirir

let envParams = require('environments/' + ENV); 

Eğer parametreleri içeren environments klasör ile production.js, development.js ve test.js dosyaları var varsayarak:

export default { 
    apiEndpoint: '...', 
    // other params 
}; 
+2

Büyük cevap, teşekkür ederim! Hızlı not - 'dışa aktarma varsayılanı {...} ile' gerektiren '(' ... ') 'bir' varsayılan' anahtarını verir, örn. 'EnvParams.default'. Bunun kasıtlı olup olmadığından emin değilim. Benim tercihim 'default' anahtar değil, bu yüzden küçük modifikasyon' export default {...} 'yerine' module.exports = {...} 'idi. – aguynamedloren