Node-vibrant: Уменьшить размер библиотеки

Созданный на 21 июн. 2019 · 9Комментарии · Источник: Vibrant-Colors/node-vibrant

Я вижу, что эта библиотека объявляет jimp как зависимость для выполнения некоторых преобразований.

Я анализирую зависимости своих проектов (у меня node-vibrant в моем package.json и похоже, что jimp нужно много пробелов:

ncdu 1.14 ~ Use the arrow keys to navigate, press ? for help
--- /deploy/out/node_modules ---------------
  185.0 MiB [##########] /<strong i="11">@jimp</strong>
   38.4 MiB [##        ] /chrome-aws-lambda
   34.2 MiB [#         ] /sharp
   11.0 MiB [          ] /<strong i="12">@browserless</strong>
   11.0 MiB [          ] /<strong i="13">@babel</strong>
    9.2 MiB [          ] /jimp
    6.3 MiB [          ] /core-js
    4.8 MiB [          ] /lodash
    3.2 MiB [          ] /jsdom
    3.1 MiB [          ] /moment
    3.0 MiB [          ] /iltorb
    2.4 MiB [          ] /colorable
    2.1 MiB [          ] /cssstats
    1.9 MiB [          ] /<strong i="14">@cliqz</strong>
    1.7 MiB [          ] /<strong i="15">@microlink</strong>
    1.7 MiB [          ] /graphql
    1.7 MiB [          ] /port-numbers
    1.7 MiB [          ] /node-vibrant

Дело в том, что jimp по умолчанию включает некоторый плагин:

--- /deploy/out/node_modules/<strong i="20">@jimp</strong> ---------
                         /..
    7.6 MiB [##########] /plugin-print
    7.0 MiB [######### ] /core
    6.9 MiB [######### ] /plugin-resize
    6.9 MiB [######### ] /plugin-color
    6.8 MiB [########  ] /plugin-crop
    6.8 MiB [########  ] /plugin-blur
    6.8 MiB [########  ] /plugin-rotate
    6.8 MiB [########  ] /png
    6.8 MiB [########  ] /custom
    6.8 MiB [########  ] /plugin-blit
    6.8 MiB [########  ] /plugin-contain
    6.8 MiB [########  ] /plugin-normalize
    6.8 MiB [########  ] /plugins
    6.8 MiB [########  ] /plugin-cover
    6.8 MiB [########  ] /plugin-gaussian
    6.8 MiB [########  ] /plugin-scale
    6.8 MiB [########  ] /bmp
    6.8 MiB [########  ] /plugin-mask
    6.8 MiB [########  ] /plugin-displace
    6.8 MiB [########  ] /jpeg

но не уверен, что все плагины подходят для node-vibrant .

Хочу предложить два подхода:

Рассмотрите возможность использования `sharp`

(мое любимое решение)

Как вы можете видеть в моем наборе, у меня также есть зависимость sharp .

Основное различие между ними заключается в том, что jimp - это 100% -ный javascript-код, а sharp делегирует двоичные файлы сына.

В первый раз я подумал, что jimp может быть лучше, поскольку у него нет зависимостей, но на самом деле все обстоит иначе: sharp поставляют предварительно установленные двоичные файлы, а размер пакета на самом деле намного меньше чем jimp .

Фактически, sharp perf лучше, см.
http://sharp.pixelplumbing.com/en/stable/performance/

Просто исключите ненужные `jimp`

Я полагаю, что внутри 185 МБ, которые добавляются туда jimp , на самом деле используется всего несколько вещей.

Не уверен, как это сделать из node-vibrant , но, например, добавление крошечного раздела на README.md, в котором явно указаны необходимые jimp плагины, должно быть достаточно, чтобы любой исключил остальные ненужные вещи в этап перед сборкой

enhancement

Источник

Kikobeats

👍1

Самый полезный комментарий

Вот некоторые дополнительные исследования о том, как можно настроить jimp для уменьшения размера:

Пакет @jimp/custom действует как база для добавления плагинов с нуля. Его экспорт по умолчанию - это функция configure которая принимает массивы из types (поддерживаемые типы изображений) и plugins (используемые плагины).

@jimp/types экспортирует все типы, включенные в основной пакет jimp , что упрощает поддержку тех же изображений, которые поддерживает node-vibrant.

Единственный специальный плагин, который, похоже, использует node-vibrant, - это функция resize . Соответствующий плагин - @jimp/plugin-resize .

Пакет @vibrant/image-node может быть обновлен следующим образом в верхней части скрипта:

import configure from '@jimp/custom';
import types from '@jimp/types'; // all of jimp's default types
import resize from '@jimp/plugin-resize'; // resize function

const Jimp = configure({
  types: [types],
  plugins: [resize]
});

NotWoods 28 июл. 2019

🎉1 👍1

Все 9 Комментарий

Мне очень нравится проделанная вами работа, чтобы разобраться в этом, искреннее спасибо.

sharp вряд ли будет решением, которое мы сможем принять, поскольку (несмотря на название) мы поддерживаем браузер для запуска node-vibrant самостоятельно.

Однако вы абсолютно правы, что jimp не требуется для большей части использования в node-vibrant . В настоящее время мы ограничиваем разработку текущей «стабильной» кодовой базы, мы работаем над переписыванием кодовой базы на монорепозицию (что означает, что вы можете выбрать то, что хотите использовать, из node-vibrant в будущем. !), и я подтвердил, что мы можем сделать и эту оптимизацию по размеру.

У меня впереди очень загруженная неделя, но я сделаю все возможное, чтобы вернуться в следующие выходные, чтобы внести это изменение.

В остальном мы всегда любим и принимаем пул реквесты 👀

crutchcorn 21 июн. 2019

Я заметил еще одну вещь, стоящую за @jimp : у них есть зависимость core-js , и эта зависимость устанавливается для каждого плагина!

Вот почему размер @jimp составляет 185 МБ: core-js занимает 7,4 МБ x 27 модулей = СЛИШКОМ МНОГО ПРОСТРАНСТВА.

Вероятно, core-js можно было бы объявить таким образом, чтобы они могли делиться между плагинами.

Kikobeats 22 июн. 2019

Вот некоторые дополнительные исследования о том, как можно настроить jimp для уменьшения размера:

Пакет @vibrant/image-node может быть обновлен следующим образом в верхней части скрипта:

import configure from '@jimp/custom';
import types from '@jimp/types'; // all of jimp's default types
import resize from '@jimp/plugin-resize'; // resize function

const Jimp = configure({
  types: [types],
  plugins: [resize]
});

NotWoods 28 июл. 2019

🎉1 👍1

Похоже, мне, возможно, придется написать несколько наборов текста, но огромное спасибо @NotWoods. Я постараюсь закончить на этой неделе

crutchcorn 28 июл. 2019

❤1

Типизация занимает больше времени, чем я думал изначально. Я знаю, что иду далеко, но я хочу убедиться, что исправляю экосистему, а также наши собственные потребности.

crutchcorn 6 авг. 2019

Печатание для jimp заняло немного времени, но это хороший вклад в апстрим:

https://github.com/oliver-moran/jimp/pull/770

После слияния я сделаю оптимизацию до node-vibrant

crutchcorn 7 авг. 2019

С выпуском Jimp 0.8.4 это теперь возможно! Я устрою пиар с ним сегодня вечером! : D

crutchcorn 20 сент. 2019

🎉1

Ожидание на https://github.com/oliver-moran/jimp/pull/815 , чтобы исправить некоторые проблемы после jimp 0.8.4 с импортом

crutchcorn 16 нояб. 2019

Это было решено в выпуске 3.1.5

crutchcorn 27 нояб. 2019