Webpack
-
webpack 완전 초보들을 위한 기초Frontend 2019. 10. 18. 19:57
개요 현재 사내에서 진행하고 있는 electron-vue 프로젝트는 보일러 플레이트를 가져다가 시작했다. 웹팩에 대한 아무런 정보가 없는 상태로 개발을 시작했고, 종종 마주치는 알 수 없는 오류가 웹팩 설정 때문인거 같은데 고칠 수 없는 경우가 허다했다. 구글 검색등으로 해결해보려고 했지만 초초초초급 개발자인 나의 눈에는 들어오지 않았고.. 어느날 머리를 식힐 겸 열어본 vue.js 입문 책 끄트머리에 vue.js 고급 개발자 되기 라는 챕터로 webpack에 대한 아주 간단한 설명이 있었고, 정말 간단한 기초인만큼 내 눈에 조금씩 들어왔기 때문에 블로그에 정리하며 공유하고자 한다. 책 이름은 Do it! Vue.js 입문 이다. http://www.yes24.com/Product/Goods/582069..
-
[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로 리드미 생성 가능하다. 새로운 사실을 알았는데,명령팔레트에 make..