如何使用webpack設置其他api的基本路徑

Question

我們已經開發了一個使用React並使用webpack創建debploy軟件包的組件。該組件與API端點進行對話。開發，測試和生產有不同的終點。在構建過程中，我們如何/在哪裏設置基本路徑？

Answer 1

一個可能的解決方案：

1）通ENV到的WebPack（例如有效期爲窗口）：

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

2）在您的應用程序與DefinePlugin ENV變量定義（或者你可以簡單地定義端點這裏）：

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

3）然後需要在你的應用程序的js文件與ENV參數：

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

假設你有environments文件夾production.js，development.js和test.js文件使用參數：

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