Latest Posts

parcel-bundler command 설명 및 tip

parcel-bundler webpack의 대항마로 떠오른 parcel-bundler 사용 가이드 입니다. Getting Started 1) 설치하기 parcel-bundler를 npm을 통해 설치합니다. (현재까지는 global로 설치해야 정상적으로 동작하는 것으로 보입니다.) - 현재까지 1.6.2 버전이 최신 버전입니다. npm...

webpack 설정 option에 대해서

Webpack configuration context 입력 옵션을 해결하기위한 기본 디렉토리 (절대 경로!) 입니다. output.pathinfo가 설정되면 포함 된 pathinfo가 설정해놓은 congtext 디렉토리로 단축됩니다. Default: process.cwd() entry 번들을 설정하기 위한 진입점 입니다. String :...

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

package-locks 개념상으로, npm install의 기준은 package.json이고 결과는 node_modules 폴더입니다. 이상적인 패키지 설치 과정은 특정 package.json 파일이 항상 동일한 node_modules 폴더를 생성합니다. 이러한 설치 과정이 몇몇의 경우에는 의도된 대로 동작하지만, 꽤...

gpx2czml(2) - Typescript로 karma 테스트 하기

javascript를 typescript로 변경하기 위한 1일차 포스팅은 여기 를 참고해 주세요 :) Typescript로 만들어진 코드를 karma로 테스트 하고 싶다! 이제 개발에 대한 환경은 대략적으로 구축이 되었습니다. (비록 약소하긴 하나..) 이제 karma와...

gpx2czml(1) - Typescript webpack 간단 설정

Typescript + webpack npm install 앞으로의 프로젝트를 typescript로 개발하고 싶은 욕심이 생겼습니다. input과 output의 명확함도 그렇고, decorator 등 다양한 기능을 사용해 볼 수 있더군요. 저는 지속적으로 npm에 publish를 하고 있는데,...

JS,CSS,HTML Build tool Parcel.js 리뷰

2017년 8월에 갑자기 등장하여 주목받기 시작한 빌드툴이 있습니다. Parcel.js라는 빌드툴은 기존의 webpack, gulp, grunt등과는 다르게 빠른 퍼포먼스를 전면에 내세우고 시작하는 빌드 툴입니다. 이번 포스팅은 최근 릴리즈된 Parceljs의 특징과, 사용법을 간단하게만...