如何使用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 
};