-
[parcel 1] parcel?프로젝트/[parcel]parcel-experiments 2018. 6. 15. 13:52
웹팩
리액트 js 프로젝트를 할 때 auto reload, sass, jsx 등을 사용하기위해
CRA(create react app) 를 사용한다 -> 웹팩파일
CRA는 자동으로 scss지원, css module auto refresh도 되고 여튼 자동임
웹팩은 모던 js->old js변환, scss->css 변환을 해준다
문제는 웹팩이 너무 크고 복잡해서, 작은 프로젝트에 적합하지 않다.
그럴때 파셀을 사용한다.
parcel
빨리 시작할 수 있고, 많은걸 설정하지 않아도 된다.
repo를 만들고
yarn init을 통해 package.json 생성하자.
yarn global add parcel-bundler
터미널에서
touch README.md로 리드미 생성 가능하다.
새로운 사실을 알았는데,
명령팔레트에 makedown 을 치면 마크다운을 미리 볼 수 있는 창이 뜬다!
리드미를 적당히 꾸며주자.
'프로젝트 > [parcel]parcel-experiments' 카테고리의 다른 글
[parcel 5] typography js, build (0) 2018.07.18 [parcel 4] CSS Modules (0) 2018.07.08 [parcel 3] React,ES6 (0) 2018.07.02 [parcel 2] hello parcel! (0) 2018.06.25