Moment: moment.js의 NPM 패키지 크기가 귀찮습니다.

사람들은 모멘트를 다양한 방식으로 사용하며 일반적으로 노드 앱의 디스크 공간은 브라우저에 있는 것과 같은 프리미엄이 아니라는 데 동의합니다.

즉, min 폴더에서 무슨 일이 일어나고 있는지 정확히 모르겠습니다.

왜 npm에서 moment-with-locales.min.js 가 필요한지 잘 모르겠습니다. moment.min.js 와 locales.min.js 이면 충분하겠죠?

또한 min 폴더( locale.js 및 moment-with-locales.js )에 최소화되지 않은 파일이 필요하지 않아야 합니다.

min 폴더의 이름이 정말 잘못되었습니다. 빌드가 더 나은 이름일 수 있습니다. 그러나 그것은 우리가 릴리스를 위해 업데이트 인덱스 그런트 작업을 실행할 때까지 moment-with-locales 및 locales 파일이 있는 곳입니다.

우리는 확실히 npm에서 moment-with-locales 파일을 가져올 수 있지만 그것이 제공하는 가치는 확실하지 않습니다.

@martinheidegger 어떤 조건에서 전체 패키지의 크기가 문제인지 설명해 주시겠습니까? 사람들이 라이브러리를 사용하기 위해 더 많은 옵션을 원함에 따라 패키지가 커집니다. 귀하가 나열한 항목을 제거하려면 어떤 면에서 최소한의 별도 패키지를 게시한 다음 모든 것을 포함하는 큰 패키지도 게시해야 합니다.

npm 빌드의 일부/전체에서 모든 것을 최소한으로 줄이는 다른 라이브러리의 예를 들어주실 수 있습니까?

축소 된 반면 NPM lodash의 설치하면 단지 _71 KB_의 1.4 MB입니다
lodash가 모든 기능을 자체 패키지로 게시한다는 사실은 다른 패키지에서 참조되기 때문에 다시 설치되는 긴 패키지 목록으로 이어집니다.
크기가 약 300MB인 일반적인 node_modules 폴더를 보면 moment.js를 조금 더 작게 만들 가치가 있는지 잘 모르겠습니다.

그리고 훨씬 더 크고 훨씬 더 큰 이벤트가 있습니다. 다음은 그 중 일부일 뿐입니다.

• 수신: 6,6MB
• rxjs: 3.3MB
• @각도 :
• 국제: 79.1MB
• 그런트: 6.2MB

npm 패키지의 크기는 별로 신경쓰지 않지만 정상적인 방법으로 조작된 날짜에 대해 58KB를 포함해야 한다는 사실이 놀랍습니다(더 무거운 로캘이 필요하지 않다고 가정) 😞

나는 이런 종류의 논쟁에 지쳤다. 설치 공간이 적으면 패키지를 더 빨리 설치할 수 있을 거라고 생각했습니다(가장 큰 순간). 풍차에 맞서는 것 같아요. 그래서: kthxbye.

@martinheidegger 는 원사를 사용해보십시오. 적어도 npm보다 제정신이고 패키지를 캐시하므로 다운로드에 많은 시간을 할애해서는 안됩니다. :)

나는 같은 문제에 직면 해있다. import moment from 'moment'; 하면 번들 크기가 30kb에서 250kb로 증가합니다!!! 쉬운 해결책이 있습니까?

@ paramsingh88 유일한 옵션은 사용하지 않는 것 같습니다. 같은 문제 때문에 이 스레드를 찾았습니다. moment.unix(created).format('MMMM D, YYYY') 하면 프로젝트 크기가 58kB 증가합니다. 완전 미쳤어!

나는 이런 태도가 이해가 되지 않는다.

노드 앱의 디스크 공간은 브라우저에 있는 것과 같은 방식으로 프리미엄이 아닙니다.

문제는 순간이 노드 앱이 아니라는 것입니다. 백엔드 애플리케이션이나 프론트엔드 라이브러리에서 사용할 수 있는 라이브러리입니다. 이 경우에는 Moment.js를 사용하여 애플리케이션의 프론트엔드에서 날짜를 검증한 후 백엔드(자체적으로 별도의 검증이 있음)로 날짜를 전송해야 합니다.

로캘이 없는 순간의 크기는 50k(축소)이고 로캘이 있는 크기는 약 300k(축소)입니다. 그것에 대해 뭔가를 하고 싶다면 https://github.com/moment/moment/issues/2373 에서 토론을 확인

패키지 관리자나 삶을 복잡하게 만드는 모든 것을 사용하는 경우에도 가져오십시오.

미안 내 실수. (편집됨)

일반적인 합의는 노드 앱의 디스크 공간이 브라우저에 있는 것과 같은 방식으로 프리미엄이 아니라는 것입니다.

이런 마음가짐으로 좋은 라이브러리를 만들 수 없다고 생각합니다.

사람들이 번들 크기가 실제 문제라는 것을 깨닫고 이에 대해 아무 조치도 취하지 않기로 선택하는 순간 moment 는 죽습니다.
가벼운 대안을 찾는 사람이라면 date-fns 가 탁월한 선택이 될 것입니다.

안녕하세요, npm 순간은 약 3mb이지만 이는 람다 편집 인라인 도구의 크기에 영향을 미칩니다. 축소는 확실히 도움이 될 것입니다

gzipped Angular 앱에서 이것을 사용하면 내 작은 번들 크기의 70%가 됩니다. 전체 패키지를 import * as moment from 'moment' 해야 하므로 필요하지 않은 기능을 제외할 수 있다면 정말 좋을 것입니다.

moment.js는 기본적으로 Angular 애플리케이션의 주요 부분 크기를 두 배로 늘립니다.

이것은 모바일 장치에서 정말 아프다.

@silentsnooc 런타임에 필요한 로케일만 로드해야 합니다. 따라서 주요 관심사는 로케일 파일을 사용할 때만 지연 로드하는 것입니다.

@kylekatarnls 번들러를 사용하는 우리에게 예시를 보여주시면 도움이 될 것입니다. 감사 해요.

문서에 제공된 JSPM의 예는 다음과 같습니다.
https://momentjs.com/docs/#/i18n/loading -into-browser/

webpack에서도 작동하며 다른 번들러에서도 작동할 수 있다고 생각합니다.

시도하지 않았지만 이 댓글에는 좋아요가 많습니다.
https://github.com/moment/moment/issues/2517#issuecomment -185836313

나는 moment.js가 브라우저 프론트 엔드에서 사용되도록 의도되지 않았으며 유지 관리자로부터 그렇게 할 계획이 없다고 생각합니다. 비슷한 문제에 부딪쳤을 때 우리는 프론트 엔드에서 date-fns 를 사용하고 백엔드에서 moment.js를 유지했습니다. 새 프로젝트의 경우 양쪽 끝에서 date-fns 사용할 수 있는지 확인합니다.

@demisx 더 볼 필요가 없습니다.

힌트를 주셔서 감사합니다. :+1: 먼저 언급한 @xinghul 에게도 thx.

moment.js 의 대안인 더 작은 크기의 라이브러리를 찾습니다.

https://github.com/iamkun/dayjs

momentjs를 dayjs로 교체했습니다. 내 목적에 잘 맞는 것 같으며 로케일과 fromNow 플러그인 세트를 사용하면 약 15Kb에 불과합니다. 환상적이다.

Ionic 4/Angular 8 앱 번들 크기 차이:

momentJS : 추가 = 204 KB

dayJS : 추가 = 6 KB

기본 데이터/시간 형식 및 조작만 필요합니다. 그래서 나는 dayJS 로 가기로 결정했습니다 : https://github.com/iamkun/dayjs

나는 또한 249kb를 얻고 있습니다. 공동 작업자가 이에 대해 무엇을 할 것인지 확실하지 않습니다.. date.fns로 이동

시도하지 않았지만 이 댓글에는 좋아요가 많습니다.
#2517(댓글)

이것은 빠른 최적화를 찾는 모든 사람에게 효과적이었습니다.
내 순간이 654.7kB에서 178.4kB로 갈 수 있도록 허용했습니다. 여전히 클 수 있지만 개선되었습니다.
함수를 date-fns로 가져올 수 있기를 바랍니다.