访问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")
})