본문 바로가기

package.json

package.json에서 yarn resolutions 적용하기 프로젝트: 채식 지도 키워드: resolutions, yarn selective dependency resolutions, deduplicate dependencies, package.json, react-window 상황 프로젝트에서 react-window 라이브러리를 사용하고자한다. react-window의 type definitions package인 '@types/react-window'를 설치한다. react-window를 사용할 때 TS error가 발생한다. 해결 과정 먼저 오류 메시지를 자세히 읽어본다. Type 'React.ReactNode' is not assignable to type 'import("/.../node_modules/@types/react-window/node_modu.. 더보기
JS library에서 cjs, esm format 모두 지원하기 프로젝트: loplat UI 키워드: CommonJS, ES Modules, loplat UI, package.json, npm, babel, jest, rollup 상황 loplat UI는 tree shaking을 지원하기 위해 cjs format을 버리고 esm format의 빌드 결과를 채택했었다.(번들링 최적화를 통해 import cost 줄이기(1)) 때문에 es6 문법을 기본적으로 이해하지 못하는 환경(Jest test, Next/SSR build)에서는 라이브러리를 es5 문법으로 transpile해야하는 번거로움이 있다. (Next.js는 'next-transpile-modules' https://www.npmjs.com/package/next-transpile-modules를 사용해야하고.. 더보기
package.json의 version을 환경 변수로 설정하기 키워드: package.json, yarn version, $npm_package_version, .env(dotenv), bitbucket pipeline, grep/awk/sed/tr 상황 웹페이지에 현재 package.json의 version field 값을 string으로 표시하고자 한다. (ex> 'v2.4.2') npm scripts의 package.json vars를 사용하면 $npm_package_version이라는 값으로 쉽게 version을 가져올 수 있다. https://www.npmjs.cn/misc/scripts/#packagejson-vars 또는 'yarn version' command를 사용하여 현재 package.json의 version을 확인할 수 있다. https://c.. 더보기

반응형