-
[parcel 2] hello parcel!프로젝트/[parcel]parcel-experiments 2018. 6. 25. 14:00
설치yarn add react react-domyarn add babel-preset-env babel-preset-react --dev바벨을 예전버전, 개발자버전으로 설치
index.html 만들기
vs파일에서 ! 치고 엔터누르면
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body></body></html>
여기까지 자동으로 생성된다.
hello parcel!
공식홈페이지(https://parceljs.org/getting_started.html)의 설명을 빌려보자
그럼, index.html과 index.js파일을 만들어 봅시다.
<html> <body> <script src="./index.js"></script> </body> </html>console.log("hello world");Parcel은 파일 변화를 자동으로 다시 빌드(rebuild) 하고 빠른 모듈 교체를 지원하는 내장 개발용 서버가 있어 빠른 개발이 가능해 집니다. 그저 진입 파일을 지정하면 됩니다:
parcel index.htmlparcel index.html 치기 귀찮다면 package.json에서
"scripts": {"start": "parcel index.html"}
치고 yarn start로 돌려주면 된다
'프로젝트 > [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 1] parcel? (0) 2018.06.15