Angular 8-为不同的环境导入不同的库

Question

我有3个不同的环境：我的angular 8应用程序的dev，tst和prod。我需要根据环境导入第三方库。

我有3个不同的版本-每个环境一个。让他们称呼他们>>

lib.dev.js
lib.tst.js
lib.prod.ts
通常，我会像使用jquery这样导入这些库：

import lib from 'assets/lib.<environment>.js';
我该如何实现？

Ps。这是我为我的应用程序提供服务的方式：ng serve -c=dev

angular.json配置（如果需要）：

...
"dev": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev.ts"
            }
          ]
        },
        "tst": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.tst.ts"
            }
          ]
        }
...
编辑：

仍然是一个问题，尽管我进行了一些更改。现在，我从index.html导入，就像这样：

<script src="assets/lib.js"></script>
是否有根据环境从模板有条件导入的想法？

我有3个不同的环境：我的angular 8应用程序的dev，tst和prod。我需要根据环境导入第三方库。我有3个不同的版本-每个环境一个。 ...

Answer 1

这可能是解决您问题的方法。