2017-04-17 1 views
2

라이브러리로 npm에 일부 javascript를 게시 할 때 pacakge.json의 "main"을 "dist/index.js"또는 "src/index"로 설정해야합니까? js "?npm 패키지를 게시 할 때, 배포본 src를 사용해야합니까

라이브러리가 webpack으로 빌드되고 webpack의 프로젝트에서 사용될 수 있다고 가정합니다.

두 가지 옵션의 차이점은 무엇입니까? 두 옵션에서 나무 떨림을 수행 할 수 있을까요?

감사합니다.

답변

4

라이브러리가 브라우저에서 사용되도록 설계된 경우 모든 사람이 모듈 번들러를 사용하고있는 것은 아닙니다.

그것은 (귀하의 경우 dist/index.js에) 번들 파일로 main 속성을 설정하고 당신이 그것을 게시하기 전에 빌드 단계를 수행하는 prepublish 스크립트를 가지고 있는지 확인하는 것이 좋습니다입니다.

Rollup과 같은 번들로 트리밍을 지원하려면 you can use the module property을 입력하고 ES2015 가져 오기를 사용하는 모듈을 가리키는 지 확인하십시오. 예를 들어

:

{ 
    "main": "dist/index.js", 
    "module": "src/index.js" 
} 

롤업이 존중, 이에 웹팩 점점 코드가 little more involved입니다 나무가 흔들 것입니다.

+0

질문에 답변 해 주셔서 감사합니다. 나는 dist/index.js를 사용하는 것으로 끝났다. 이유는 일반적으로 프로젝트는 노드 판을 바벨 판에서 제외하기 때문에 dist 판을 게시하는 것이 더 낫다는 것입니다. 유일한 단점은 의존성을'npm link '하고 로컬로 개발할 때 dist 버전을 빌드하기 위해 빌드 프로세스를 시작해야한다는 점입니다. 때로는 잊혀지는 경향이 있으며 시간이 낭비 될 수 있습니다. – ryang

관련 문제