Question

我是TypeScript的新手，但在部署和构建每个变量时，我试图找到一种管理环境变量的方法。我们正在使用gulp，我找到了gulp-ng-config。问题是它写出了一个js文件，但我的网站的其余部分是用TypeScript编写的。所以它创造了这个JS。

angular.module('myModule', []).constant('EnvironmentConfig', {"environment":"dev"});

在我的TypeScript代码中，我希望能够访问此常量，但却无法弄清楚如何操作。我读了this post on SO并尝试了那里所说的但没有去。

这就是我所做的：

为它创建了一个TypeScript接口：

export class IEnvironmentConfig {
environment: string
}

在我的服务中导入并声明了一个变量：

import EnvironmentConfig = require("../EnvironmentConfig"); 
declare var mEnviornmentConfig: EnvironmentConfig.IEnvironmentConfig;

试图在我的服务中使用此变量：

console.info(mEnviornmentConfig.environment);

所以TypeScript现在不会抱怨，但是当我运行代码时，我收到了这个错误：

mEnviornmentConfig is not defined

我错过了什么？ myModel在我的应用程序的开头声明，并执行其他模块和控制器配置，所以我知道它已经注册。

Answer 1

感谢@keithm让我朝着正确的方向前进。

想出来。一旦我意识到将它注入我的主模块工作，我的想法转向了gulp如何做webpack。果然，webpack正在跳过这个其他gulp包正在创建的.js文件。一旦我更新webpack以考虑这个新文件一切都很好。