访问webpack AngularJS项目中的env变量

Question

我有一个AngularJS项目，它使用webpack进行捆绑，服务和构建 - 没有使用像bower或gulp这样的任务运行器。我希望能够设置环境变量，例如我在本地和生产中使用的REST API端点，然后访问我实际的AngularJS项目文件中的那些，特别是在控制器内部。什么是定义这些env变量并将其传递到项目中的最佳方法？

Answer 1

解决方案是使用Webpack的definePlugin来定义自由/全局变量：

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

new webpack.DefinePlugin({
    VERSION: JSON.stringify("5fa3b9"),
    BROWSER_SUPPORTS_HTML5: true,
    TWO: "1+1",
    "typeof window": JSON.stringify("object")
})