В Angular, когда вы создаете сценарии для своего приложения, по умолчанию сгенерированные имена файлов включают хэш, чтобы гарантировать очистку кеша. Хотя это полезная функция для обеспечения загрузки последней версии ваших сценариев, могут быть случаи, когда вы захотите генерировать сценарии без хэшей. В этой статье мы рассмотрим пять различных методов достижения этой цели в Angular.

Метод 1: отключение очистки кеша
Самый простой способ генерировать скрипты без хэшей — отключить очистку кеша в конфигурации сборки Angular. Откройте файл angular.jsonв своем проекте и найдите раздел "architect". Внутри "architect"найдите объект "build"и установите для "outputHashing"значение "none". Это создаст скрипты без хешей.

"architect": {
  "build": {
    "options": {
      "outputHashing": "none"
    }
  }
}

Метод 2: изменение конфигурации Angular CLI
Другой способ отключить генерацию хеша — напрямую изменить конфигурацию Angular CLI. Откройте файл angular.jsonи найдите объект "defaults". Внутри "defaults"найдите объект "builder"и установите для "options.outputHashing"значение "none". Это гарантирует, что все проекты в вашей рабочей области будут генерировать скрипты без хэшей.

"defaults": {
  "builder": {
    "options": {
      "outputHashing": "none"
    }
  }
}

Метод 3: собственный сценарий сборки
Если вам нужен больший контроль над процессом сборки, вы можете создать собственный сценарий сборки. В файл package.jsonвашего проекта добавьте новый скрипт под названием "build", который включает команду ng buildс флагом --output-hashing none. Запуск этого скрипта создаст скрипты без хешей.

"scripts": {
  "build": "ng build --output-hashing none"
}

Метод 4: сборка с помощью команды Angular CLI
Вы также можете создавать сценарии без хэшей, напрямую используя команду Angular CLI. Откройте терминал или командную строку и выполните следующую команду:

ng build --output-hashing none

Эта команда создаст ваше приложение Angular без генерации хэшей для скриптов.

Метод 5: использование Angular Schematics
Angular Schematics можно использовать для создания пользовательских схем, которые изменяют поведение команд Angular CLI по умолчанию. Вы можете создать схему, которая переопределяет поведение хеширования по умолчанию и генерирует сценарии без хэшей. Этот метод требует более глубоких знаний схемы Angular, но обеспечивает наибольшую гибкость.

В этой статье мы рассмотрели пять различных методов создания сценариев Angular без хэшей. Предпочитаете ли вы изменить конфигурацию сборки, использовать собственные сценарии или использовать схемы Angular, у вас есть несколько вариантов добиться этого. Выбор правильного метода зависит от ваших конкретных требований и необходимого уровня настройки. Создавая скрипты без хешей, вы можете оптимизировать SEO вашего приложения и повысить производительность кеширования.