[javascript] lodash를 가져 오는 올바른 방법

를 사용하는 경우 webpack 4다음 코드는 나무를 흔 듭니다.

import { has } from 'lodash-es';

주목할 점;

1. CommonJS 모듈은 나무를 흔드는 것이 아니므로 반드시 (CommonJS)가 lodash-es아닌 ES 모듈로 내 보낸 Lodash 라이브러리 인을 사용해야합니다 lodash.

2. lodash-es의 package.json contains "sideEffects": false는 패키지 내의 모든 파일에 부작용이 없음을 webpack 4에 알립니다 ( https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side 참조). 효과가 없습니다 ).

3. 이 정보는 모듈 번 들러가 내 보낸 멤버를 어디에서나 사용하지 않더라도 부작용이있을 수있는 파일을 트리 쉐이크하지 않기 때문에 트리 쉐이킹에 중요합니다.

편집하다

버전 1.9.0부터 Parcel은"sideEffects": false 또한를 지원하므로 Parcel로import { has } from 'lodash-es'; 트리를 흔드는 것도 가능합니다 . 이 ES 모듈의 흔들림 가능성이 나무가에 따라 CommonJS보다 더 효율적입니다하지만 그것은 또한, 나무 흔들어 CommonJS 모듈을 지원 내 실험 .

답변

import { map, tail, times, uniq } from 'lodash';

import {concat, filter, orderBy} from 'lodash';

import concat from 'lodash/concat';
import orderBy from 'lodash/orderBy';
import filter from 'lodash/filter';

pendingArray: concat(
                    orderBy(
                        filter(payload, obj => obj.flag),
                        ['flag'],
                        ['desc'],
                    ),
                    filter(payload, obj => !obj.flag),

import * as _ from 'lodash';