1. parcel(파슬)
1)npm으로 파슬 만들기
npm install -g parcel-bundler
2)package.json 파일을 프로젝트 디렉토리에 만들기
npm init -y
3) package.json 파일에서 스크립트 태그에 파슬 번들러 할 수 있게 해준다.
// package.json
"script": {
"dev": "parcel index.html" //설정해줘서 사용가능하게 해줘야 한다.
"test": "echo/"Error:no test specified/" && exit1"
}4)script 루트가 되는 파일을 html파일에서 설정해줘야 한다.
<!DOCTYPE html>
<html lang="en">
<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>
</head>
<body>
<script src="src/app.ts"></script>
</body>
</html> 5) 작업을 종료하고 그 후에 다시 실행시킬 때
npm run dev
6) 파셀을 사용하는 이유
Parcel은 zero configuration을 지향해 설정 파일이 필요 없다. 또한 플러그인을 사용하지 않
아도 된다. 이런 장점 때문에 Parcel을 선택했다. '불꽃처럼 빠른(Blazing fast)' 빌드 속도라
고 홍보할 정도로 빌드 시간이 짧다는 것도 Parcel을 도입하는 데 영향을 준 요인이다.
이제 막 개발을 시작한 프로그래밍 입문자