반응형
1. 프로젝트 열기
2. 터미널에 npm init -y 명령어 입력
3. npm i parcel-bundler -D 명령어로 parcel 패키지 설치
4. package.json 파일내 scripts 항목 수정
"scripts": {
"dev": "parcel index.html",
"build": "parcel build index.html"
},
5. index.html 생성
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./main.js"></script>
</head>
<body>
</body>
</html>
5. main.js 생성
console.log("Hello World!!");6. 실행: npm run dev 명령어 입력(dev: parcel 경로 세팅 명칭)
반응형
'프론트엔드 > JavaScript' 카테고리의 다른 글
| 산술연산자, 할당연산자 (0) | 2021.05.25 |
|---|---|
| 데이터 타입 확인, 외부 js 파일 함수 가져다가 사용하는 방법 (0) | 2021.05.25 |
| 메소드 체이닝 (0) | 2021.05.11 |
| DOM API (0) | 2021.05.10 |
| 조건문 (0) | 2021.05.10 |
