Node-vibrant: 라이브러리 크기 줄이기

에 만든 2019년 06월 21일 · 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% 자바스크립트 코드인 반면 sharp 는 아들 바이너리에 위임한다는 것입니다.

처음에 나는 생각 jimp 가 종속성을 가지고 있지 않지만, 현실은 너무 다르기 때문에 잘 될 수있다 : sharp 선박 미리 설치 바이너리 및 패키지 크기가 실제로 요오 ... 훨씬 작 jimp 보다

실제로 sharp perf가 더 우수합니다.
http://sharp.pixelplumbing.com/en/stable/performance/

필요하지 않은 것은 제외 `jimp`

jimp 가 추가되는 185MB 안에 실제로 몇 가지만 사용한다고 가정합니다.

node-vibrant 에서 어떻게 하는지 잘 모르겠지만, 예를 들어 README.md 에 작은 섹션을 추가하면 필요한 jimp 플러그인이 명시적으로 나열되어 있으면 나머지 필요하지 않은 것들을 제외할 수 있을 것입니다. 사전 구축 단계

enhancement

출처

Kikobeats

👍1

가장 유용한 댓글

다음은 크기를 줄이기 위해 jimp를 구성하는 방법에 대한 몇 가지 추가 연구입니다.

@jimp/custom 패키지는 플러그인을 처음부터 추가하기 위한 기반 역할을 합니다. 기본 내보내기는 types (지원되는 이미지 유형) 및 plugins (사용할 플러그인)의 배열을 사용하는 configure 함수입니다.

@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 에 2019년 07월 28일

🎉1 👍1

모든 9 댓글

이 문제를 조사하기 위해 수행한 작업을 사랑합니다. 진심으로 감사합니다.

sharp 는 (이름에도 불구하고) 브라우저가 자체적으로 node-vibrant 를 실행할 수 있도록 지원하므로 우리가 취할 수 있는 솔루션은 아닙니다.

그러나, 당신은 절대적으로 올바른 것 jimp 에서 사용의 대부분 필요하지 않습니다 node-vibrant . 우리는 현재 현재 "안정된" 코드베이스에 대한 개발을 제한하고 있으며 코드베이스를 monorepo로 재작성하는 작업을 하고 있습니다(이는 미래에도 node-vibrant 에서 사용할 것을 선택할 수 있음을 의미합니다 !) 그리고 우리가 거기에서도 만들 수 있는 크기 최적화임을 확인했습니다.

앞으로 매우 바쁜 한 주를 보내야 하지만 다음 주말에 이 변경 사항을 적용하기 위해 최선을 다할 것입니다.

그렇지 않으면, 우리는 항상 풀 리퀘스트를 사랑하고 수락합니다 👀

crutchcorn 에 2019년 06월 21일

@jimp 뒤에 있는 또 다른 사실을 확인했습니다. core-js 를 종속성으로 가지고 있으며 이 종속성은 모든 플러그인마다 설치됩니다!

이것이 @jimp 크기가 185MB인 이유입니다. core-js 는 7.4MiB x 27 모듈 = 너무 많은 공간을 차지합니다.

아마도 core-js 는 플러그인 간에 공유할 수 있는 방식으로 선언될 수 있습니다.

Kikobeats 에 2019년 06월 22일

다음은 크기를 줄이기 위해 jimp를 구성하는 방법에 대한 몇 가지 추가 연구입니다.

@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 에 2019년 07월 28일

🎉1 👍1

몇 가지 타이핑을 작성해야 할 것 같지만 @NotWoods에게 엄청난 감사를 드립니다. 이번주에 끝내려고 합니다

crutchcorn 에 2019년 07월 28일

❤1

원래 생각했던 것보다 타이핑 시간이 오래 걸립니다. 내가 먼 길을 가고 있다는 것을 알고 있지만 생태계와 우리 자신의 요구 사항을 수정하고 있는지 확인하고 싶습니다.

crutchcorn 에 2019년 08월 06일

jimp에 대한 타이핑은 결국 약간의 시간이 걸렸지만 업스트림에 좋은 기여를 했습니다.

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

병합 후 node-vibrant 최적화하겠습니다.

crutchcorn 에 2019년 08월 07일

Jimp 0.8.4가 출시되면서 이제 이것이 가능합니다! 오늘 밤 PR을 공개하겠습니다! :NS

crutchcorn 에 2019년 09월 20일

🎉1

가져오기 jimp 0.8.4 이후의 일부 문제를 수정하기 위해 https://github.com/oliver-moran/jimp/pull/815 에서 기다립니다.

crutchcorn 에 2019년 11월 16일

이것은 3.1.5 릴리스부터 해결되었습니다.

crutchcorn 에 2019년 11월 27일

🎉1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Node-vibrant: 라이브러리 크기 줄이기

sharp 사용 고려

필요하지 않은 것은 제외 jimp

가장 유용한 댓글

모든 9 댓글

관련 문제

`sharp` 사용 고려

필요하지 않은 것은 제외 `jimp`