Для более надежной разработки и поддержки Интерактивного веб-приложения. Разработчикам рекомендуется установить стандартные пакеты библиотек из npm для повышения эффективности и простоты внедрения.

Но проблема вот в чем? Для каждого приложения каждый раз разработчик должен загружать пакеты npm из Интернета.

Если Интернет недоступен или задержка в Интернете вызовет проблемы при загрузке пакетов, загрузка может занять больше времени, чем ожидалось, что вызовет раздражение у пользователя. Чтобы избежать таких проблем, при первой загрузке пакетов пользователи могут кэшировать пакеты на локальном компьютере.

Обычно для загрузки пакетов npm разработчики предпочитают установку npm для загрузки модулей узла на наш локальный компьютер и поддерживают файл package-lock.json для блокировки версии пакета. Но мы не можем кэшировать пакеты npm (node_modules), это может привести к загрузке файлов каждый раз.

Для кэширования пакетов npm мы будем использовать yarn.

Yarn — это менеджер пакетов для нашего приложения, который устанавливает node_modules вместо npm. Yarn наиболее надежен, безопасен и быстр по сравнению с npm. У него есть отличительная особенность кэширования пакетов npm, и мы можем повторно использовать его в других приложениях.

Проверьте, установила ли пряжа нашу машину, выполнив приведенную ниже команду.

yarn -v

Если пряжа не установлена ​​на вашем локальном компьютере, перейдите по ссылке и выполните процедуру загрузки.

После успешной установки вы можете проверить это, выполнив команду yarn -v. Отобразится указанное ниже сообщение.

Создайте проект Basic с помощью диспетчера пакетов yarn:

Шаг 1:

Создайте папку проекта и выполните команду yarn init, чтобы создать файл package.json.

Шаг 2:

Добавьте пакеты, выполнив команду «yarn add ‹package name›»

Пример: «пряжа добавить экспресс»

Соответствующий файл package.json, как показано ниже.

Несколько пакетов, перечисленных ниже, для добавления в файл package.json

  • «подчеркивание»: «1.9.1»
  • «@хапи/дзёи»: «15.1.1»

Приведенные выше инструкции используются для создания проекта с использованием «инструмента пряжи».

Как кэшировать пакеты npm с помощью пряжи

Шаг 1:

Удалите уже существующие node_modules и откройте командную строку в текущем проекте.

Во-первых, нам нужно установить путь к автономному зеркалу (путь к кешу) для хранения node_modules, выполнив приведенную ниже команду.

yarn config set yarn-offline-mirror ./npm-packages-offline

./npm-packages-offline относится к домашней папке, где будут доступны все исходники.

Офлайн-пакеты npm доступны в формате .tar.gz .

Обычно конфигурация пряжи не может проверить и удалить файлы tar.gz в случае обновления версии существующих пакетов. Мы удалили существующие пакеты, выполнив команду

yarn config set yarn-offline-mirror-pruning true

При выполнении этих команд он создаст файл “.yarnrc” в вашем домашнем каталоге.

Note: Check in project “yarn.lock” and “node_module” files exist please delete.

Шаг 2:

Установите node_modules, выполнив команду.

yarn install

Добавьте node_modules в текущий проект, а также обновите пакеты в пути к автономному зеркалу (папке кеша).

Чтобы проверить, кешированы ли node_modules или нет, перейдите к пути к папке кеша и проверьте, доступны ли файлы «.tgz».

Как проверить, кешируются ли node_modules или нет.

  • Выключить интернет
  • Создайте новый проект с файлом packge.json, добавив уже кэшированные пакеты, например
“express”: “1.17.1”,
“underscore”: “1.9.1”,
“@hapi/joi”: “15.1.1”
  • Выполните команду для уже настроенного местоположения кеша пряжи, т.е.
yarn config set yarn-offline-mirror ./npm-packages-offline
yarn config set yarn-offline-mirror-pruning true
  • Установите node_modules, выполнив команду для автономной установки.
yarn install --offline

После успешной установки из кеша будет сгенерирован файл yarn.lock.

Заключение

  • Yarn наиболее надежен, безопасен и быстр по сравнению с npm.
  • У него есть отличительная особенность кэширования пакетов npm, и мы можем повторно использовать его в других приложениях.
  • Это альтернативный источник для загрузки пакетов узлов.

Ссылки

Для получения дополнительной справки, пожалуйста, перейдите по ссылке ниже:

https://classic.yarnpkg.com/en/docs/getting-started