소포 시작하기
시작하기
Parcel은 이전 개발자들이 사용했던 번들러와는 다른 웹 애플리케이션 번들러입니다. 멀티 코어 처리를 활용하여 놀랍도록 빠른 성능을 제공하므로 아무것도 구성할 필요가 없습니다.
먼저 Yarn 또는 npm을 사용하여 Parcel을 설치합니다.
Yarn:
yarn global add parcel-bundler
npm:
npm install -g parcel-bundler
다음 명령을 사용하여 프로젝트 디렉터리에 package.json 파일을 만듭니다.
yarn init -y or npm init -y
Parcel은 다음과 같이 사용할 수 있습니다. 모든 유형 파일은 진입점 역할을 하지만 HTML 또는 JavaScript 파일은 시작하기에 좋은 장소입니다. 기본 JavaScript 파일을 HTML에 연결하기 위해 상대 경로를 사용하는 경우 Parcel은 이를 처리하고 해당 참조를 출력 파일의 URL로 바꿉니다.
다음으로 index.html 및 index.js 파일을 만듭니다.
<html> <body> <script src="./index.js"></script> </body> </html>
console.log("hello world");Parcel에는 파일 변경 시 자동으로 애플리케이션을 다시 빌드하는 개발 서버가 내장되어 있으며, 모듈 핫 교체를 지원하므로 빠르게 개발할 수 있습니다. 항목 파일만 지정하면 됩니다.
parcel index.html
이제 브라우저에서 http://localhost:1234/를 엽니다. -p <port number> 옵션을 사용하여 기본 포트를 재정의할 수도 있습니다.
자체 서버가 없거나 앱이 완전히 클라이언트 렌더링된 경우 개발 서버를 사용하세요. 자체 서버가 있는 경우 감시 모드에서 Parcel을 실행할 수 있습니다. 이러한 방식으로 Parcel은 파일이 변경되고 모듈 핫 교체를 지원하면 자동으로 파일을 다시 빌드하지만 웹 서버를 시작하지는 않습니다.
parcel watch index.html
프로덕션용으로 빌드할 준비가 되면 빌드 모드는 모니터링을 끄고 한 번만 빌드합니다. 자세한 내용은 Production 섹션을 참조하세요.
