如何在外部js文件中使用ts文件答案

【问题标题】：How to use ts file in external js file如何在外部js文件中使用ts文件
【发布时间】：2019-01-03 13:39:08
【问题描述】：

如何在 java 脚本文件中使用 ts 文件。我有一个角度项目，我有一个常量文件，即 environment.ts 文件，数据如下

export const Environment = {
    PRODUCTION: false

};

我使用了一个外部 java 脚本库，在那个库中我想访问这个 environment.ts 文件，即想使用常量。

我试过了

var en = require('./environment.ts');

但无法访问它。

【问题讨论】：

【解决方案1】：

问题可能是因为TS在构建过程中被编译成JS。

由于您只是导出单个对象，因此它实际上不需要是打字稿文件。

尝试将文件重命名为“environment.js”，它不应该破坏任何东西，它允许您在其他 js 文件中使用它。

【讨论】：

【解决方案2】：

试试这个，

import { Environment } from './environment';

现在我们可以访问 Environment.PRODUCTION 等属性

【讨论】：

【解决方案3】：

我所做的是使用我的配置创建 dev.json 和 prod.json。

然后我将 dev.json 导入 environment.ts 并将 prod.json 导入 environment.prod.ts 以导出到 ts 文件。

我还将 dev.json 导入 environment.js 和 environment.prod.js 以导出到 js 文件。如果你愿意，你也可以直接使用 json，但是如果你以后需要，这会给你在 js 中操作的灵活性。

现在要更新配置，您只需不断更新 json 文件。

确保您的外部 js 知道要读取哪些环境配置，具体取决于您构建/编译它的方式。

【讨论】：