Recent Posts
  • CI(Continous Integration) 환경을 위한 npm ci command

    npm ci 5.7.0 부터 npm ci 커맨드를 사용할 수 있게 되었습니다. 보통, ci라 함은 Contiuouse Integration (지속적인 통합) 의 개념 으로써, 오픈소스 개발시에 많은 분들이 travis ci를 사용하시는 것을 볼 수 있습니다. (Jenkins와 유사하다고 볼 수 있겠네요) 아직 많은 기능은 탑재하지 못하더라도, npm ci를 통해서 협업이 많은 개발자들이 개발환경을 (pakcage에...


  • parcel-bundler javascript에서 실행하기

    parcel-bundler javascript로 이용하기 parcel-bundler를 terminal의 커맨드라인에서 실행할 수 있습니다. 그러나, browsersync 등을 이용하기 위해서는 javascript에서 parcel-bundler의 middleware를 이용하여 node.js 등 javascript 파일 내에서 활용이 가능합니다. 이번 포스팅은 javascript에서 사용하기 위한 parcel-bundler 방법과, option들에 대해서 포스팅하고자 합니다. 자세한 코드를 보고싶으시면, 제 github repo를 확인해보시면 될 것 같습니다. 초기 설정 example을 만들기...


  • parcel-bundler command 설명 및 tip

    parcel-bundler webpack의 대항마로 떠오른 parcel-bundler 사용 가이드 입니다. Getting Started 1) 설치하기 parcel-bundler를 npm을 통해 설치합니다. (현재까지는 global로 설치해야 정상적으로 동작하는 것으로 보입니다.) - 현재까지 1.6.2 버전이 최신 버전입니다. npm install -g parcel-bundler 1.6.2 버전까지는 typescript, sourcemap을 기본으로 지원합니다. 2) 시작하기 시작하는 방법은 command 또는 package.json의 script 설정을 통해 가능합니다....


  • webpack 설정 option에 대해서

    Webpack configuration context 입력 옵션을 해결하기위한 기본 디렉토리 (절대 경로!) 입니다. output.pathinfo가 설정되면 포함 된 pathinfo가 설정해놓은 congtext 디렉토리로 단축됩니다. Default: process.cwd() entry 번들을 설정하기 위한 진입점 입니다. String : 문자열이 들어오는 경우 시작시 로드되는 모듈로 해석 Array: 시작시 모든 모듈이 로드됩니다. 마지막 하나가 내보내집니다. Object: 다중 항목 번들이 작성됩니다....


  • package-lock.json에 대해 알아보기

    package-locks 개념적으로, npm-install의 input은 package.json이며, output은 완전히 형성된 node_modules 트리입니다. 이상적인 npm install은 동일한 package.json에 동일한 node_modules 아웃풋 트리가 작성되는 것입니다. 그러나, 많은 경우에서 이러한 경우들이 실현되지 못하는 경우가 많습니다. 실현되지 못하는 이유는 다음과 같습니다. 다른 설치 알고리즘을 사용하는 다른 버전의 npm (또는 패키지 관리자) 사용 직접 패키지의 새 버전이...