如何在网页包中为prod/dev在angularjs应用程序中设置不同的常量

我想为angularjs应用程序中的外部api设置不同的url，具体取决于我是在开发模式还是生产模式下运行：

我的app.js的草图：

var API_URL = 'http://localhost:8000/api';  # dev config

...

app.constant("API_URL", API_URL)

我使用webpack在localhost:3000上本地提供应用程序，我还使用它构建应用程序的prod版本（缩小版等），该版本从不同的位置使用api

我想知道是否有办法配置构建过程，将上面的API_URL设置为所需的生产值：，即：

    var API_URL = 'http://app.example.com/api';  # prod config?

？

如中所述，您可以使用Webpack的definePlugin定义环境变量来解决此问题：

如中所述，您可以使用Webpack的definePlugin定义环境变量来解决此问题：