[parcel 2] hello parcel!

프로젝트/[parcel]parcel-experiments

[parcel 2] hello parcel!

samsaraA 2018. 6. 25. 14:00

설치

yarn add react react-dom
yarn 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.html

parcel index.html 치기 귀찮다면 package.json에서

"scripts": {
    "start": "parcel index.html"

}

치고 yarn start로 돌려주면 된다