Продолжая проект в Day008, я хочу, чтобы загруженные изображения были оптимизированы, чтобы для хранения использовалось меньше места. Оптимизированные/сжатые изображения также очень полезны, когда речь идет о времени загрузки веб-страницы. Уже существует множество модулей npm, интегрированных с автоматизированным средством выполнения задач, таких как grunt или gulp, которые вы можете добавить в конвейер создания проекта. Поэтому всякий раз, когда ваш веб-проект запускается, он будет иметь оптимизированные изображения, готовые для загрузки пользователем, поэтому для его загрузки требуется более короткое время. Это дает лучший пользовательский опыт, потому что пользователь по-прежнему может получить доступ к вашему веб-сайту, даже если у него нет лучшей мобильной связи, и он может начать использовать контент, который вы хотите им предоставить. Это беспроигрышный вариант для пользователя и разработчика.
Я использовал imagemin для оптимизации изображения.
npm install — save imagemin
Довольно популярный модуль. Он включает в себя множество алгоритмов оптимизации/сжатия на ваш выбор.
https://www.npmjs.com/browse/keyword/imageminplugin
Я не особо исследовал ни одного из них. Я просто хочу узнать, есть ли модуль npm, который может предоставить комплексную и простую в использовании функцию оптимизации изображений. Итак, я просто оставляю каждую дополнительную конфигурацию пустой. Я определенно приложу к этому больше усилий, если действительно начну производственный проект, включающий оптимизацию изображений, что происходит в каждом проекте.
— — — — — — — — — — — — — — — — — — — — — — —
Я также нашел модуль npm, который помогает элегантно обрабатывать необходимые, но неприятные настройки конфигурации, такие как использование ключа A для dev и ключа B для prod.
npm install — save config
для одного сценария задан файл конфигурации .json, для другого сценария — другой файл .json. Разделение различных настроек для разных сред делает проект более управляемым и простым в использовании.
