如何在 angularjs 应用程序中为 webpack 中的 prod/dev 设置不同的常量答案

【问题标题】：How to set different constants in angularjs app for prod / dev in webpack如何在 angularjs 应用程序中为 webpack 中的 prod/dev 设置不同的常量
【发布时间】：2017-06-30 16:29:46
【问题描述】：

我想根据我是在开发模式还是产品模式下运行，为 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?

【问题讨论】：

标签： angularjs webpack

【解决方案1】：

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

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

【讨论】：