angularjs - Angular 项目中的动态文件导入

Question

我正在构建一个混合角度应用程序。AngularJs 代码根据环境具有三个不同的常量文件，以这种方式创建

angular.module(...).constants(...).

我有一个名为 index.ts 的文件，我在其中导入项目的文件。

索引.ts

 import "./js/constants";
 import "./js/constants_svil";
 import "./js/constants_stage";
 import "./js/constants_dev";
 import "./js/angular-multi-select";
 import "./js/angular-indexed-db";
 import "./js/calendar";
 import "./js/abmoment.min";
 import "./js/acmoment-timezone-with-data";
 import "./js/amoment-timezone-utils";
 import "./js/fullcalendar";
 import "./js/gcal";
 import "./js/lang-all";

有没有办法根据环境动态加载这个常量文件？我看到有一个动态导入用于加载 Typescript 2.4 中实现的模块。它可以工作吗？我只需要这个文件来解决副作用，它们里面没有导出语句。

编辑：现在我正在使用 typescript 3.9

标签： angularjstypescriptenvironment-variables

Answer 1

您可以在以下位置为不同的构建配置定义不同的文件angular.json：

例子：

  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ],
    ...

见：https ://angular.io/guide/build