如何在webpack中为prod / dev设置angularjs app中的不同常量

Question

我想在angularjs app中为外部api设置不同的url，具体取决于我是以dev还是prod模式运行：

我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?

Answer 1

正如在this SO question中所回答的，您可以使用Webpack的definePlugin来定义环境变量来解决这个问题：

webpack.github.io/docs/list-of-plugins.html#defineplugin