html - 在 Angular8 的资产文件夹中获取不同的徽标构建

Question

资产文件夹中有2 个城市的同名logo.jpeg 。当我说 build: london 时，我希望 london 标志出现在项目中。我不想给出这样的“资产/伦敦/ logo.jpeg或资产/巴黎/ logo.jpeg中的img源”。我的构建：城市应该按照城市的标志来

app.component.html

<div class="condition1">
  <img src="/assets/logo.jpeg">
</div>

角.json

"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
  "build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
      "outputPath": "dist",
      "index": "src/index.html",
      "main": "src/main.ts",
      "polyfills": "src/polyfills.ts",
      "tsConfig": "tsconfig.app.json",
      "aot": false,
      "styles": [
      ],
      "scripts": []
    },
    "configurations": {
      "london": {
        "assets": [
          { "glob": "*.jpeg", "input": "src/assets/paris", "output": "assets"}
        ],
        "fileReplacements": [
          {
            "replace": "src/environments/environment.ts",
            "with": "src/environments/environment.prod.ts"
          }
        ], "optimization": true,
        "outputHashing": "all",
        "sourceMap": false,
        "extractCss": true,
        "namedChunks": false,
        "aot": true,
        "extractLicenses": true,
        "vendorChunk": false,
        "buildOptimizer": true,
        "budgets": [
          {
            "type": "initial",
            "maximumWarning": "2mb",
            "maximumError": "5mb"
          },
          {
            "type": "anyComponentStyle",
            "maximumWarning": "6kb",
            "maximumError": "10kb"
          }
        ]},
      "paris": {
        "assets": [
          { "glob": "*.jpeg", "input": "/src/assets/paris/", "output": "assets"}
        ],
        "fileReplacements": [
          {
            "replace": "src/environments/environment.ts",
            "with": "src/environments/environment.prod.ts"
          }
        ],
        "optimization": true,
        "outputHashing": "all",
        "sourceMap": false,
        "extractCss": true,
        "namedChunks": false,
        "aot": true,
        "extractLicenses": true,
        "vendorChunk": false,
        "buildOptimizer": true,
        "budgets": [
          {
            "type": "initial",
            "maximumWarning": "2mb",
            "maximumError": "5mb"
          },
          {
            "type": "anyComponentStyle",
            "maximumWarning": "6kb",
            "maximumError": "10kb"
          }
        ]
      }
    }
  },

标签： htmlangularpackage.json

Answer 1

您可以使用本文描述的相同方法。例如，您可以为每个城市创建一个 assets 文件夹，然后您可以为每个城市定义一个应用程序，唯一的区别是它们使用的 assets 文件夹。