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

Question

我如何在 java 脚本文件中使用 ts 文件。 我有一个 angular 项目，因为我有一个常量文件，它是 environment.ts 文件，数据如下

export const Environment = {
    PRODUCTION: false

};

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

我试过

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

但无法访问它。

Answer 1

问题可能来自于在构建过程中将TS编译为JS的事实。

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

尝试将文件重命名为“ environment.js”，它不应破坏任何内容，它会允许您在其他js文件中要求它。

Answer 2

尝试这个，

import { Environment } from './environment';

现在，我们可以访问诸如Environment.PRODUCTION之类的属性。

Answer 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 知道要读取哪些 env 配置，具体取决于您构建/编译它的方式。