Fatal编程技术网
  • javascript/
  • Javascript 访问网页包AngularJS项目中的环境变量

Javascript 访问网页包AngularJS项目中的环境变量

javascript angularjs webpack

Javascript 访问网页包AngularJS项目中的环境变量,javascript,angularjs,environment-variables,webpack,Javascript,Angularjs,Environment Variables,Webpack,我有一个AngularJS项目，它使用webpack进行捆绑、服务和构建——没有使用bower或gulp这样的任务运行程序。我希望能够为本地和生产中使用的REST API端点等设置环境变量，然后访问实际AngularJS项目文件中的环境变量，特别是控制器内部的环境变量。定义这些环境变量并将其传递到项目中的最佳方法是什么？解决方案是使用Webpack的definePlugin定义自由/全局变量： webpack.github.io/docs/list of plugins.html#definep

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

解决方案是使用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")
})
太棒了，谢谢。你能把它作为回答并接受它吗？谢谢。你如何在你的代码中使用这个？它只是全局使用的，比如
窗口。版本
在浏览器中？它们的使用就像C中的宏一样，webpack用value@dvdvck实际上给出了被接受答案中缺失的第二部分。因为我搜索了全局变量，但运行时浏览器客户端中没有全局变量。谢谢。