Angular：根据环境导入不同的脚本答案

【问题标题】：Angular: Import different scripts depending on the environmentAngular：根据环境导入不同的脚本
【发布时间】：2021-07-14 13:51:43
【问题描述】：

我正在使用 Angular（版本 2+）开发一个 Web 应用程序。此应用程序必须在两种环境中运行：test 和 production。我需要使用外部脚本。以这种方式导入时，一切正常：

文件 angular.json：

"scripts": [
              "src/assets/my_folder/dev/my_script.js"
           ]

my_folder 中有 dev 和 prod 文件夹。该应用程序在开发环境中完美运行，但是当应用程序实际部署在生产环境中时，我不知道如何使用路径"src/assets/my_folder/prod/my_script.js" 对此路径进行“动态变化”。

在 Angular 中是否有某种“最佳实践”来做这件事？

【问题讨论】：

查看configuring app environments。
请不要使用script 标签。这意味着什么都没有。每个 SO 问题都以一种或另一种方式与脚本有关。标签太糟糕了，过去会被删除，很快就会再次被删除

标签： javascript angular environment-variables

【解决方案1】：

您可以使用angular.json配置各种环境

"configurations": {
    "dev": {
      "scripts": [
          "src/assets/my_folder/dev/my_script.js"
      ]   
    },
    "prod": {
      "scripts": [
          "src/assets/my_folder/prod/my_script.js"
      ]  
    }
}

Alternate build configurations

【讨论】：