🚀 Primeiros Passos

Parcel é um empacotador de aplicações web, diferenciado pela experiência do desenvolvedor. Ele oferece uma performance extremamente rápida utilizando processamento multicore, sem a necessidade de configuração.

Primeiro, instale o Parcel usando Yarn ou npm:

Yarn:

yarn global add parcel-bundler

npm:

npm install -g parcel-bundler

Crie o arquivo package.json no diretório do seu projeto executando:

yarn init -y

ou

npm init -y

Parcel pode receber qualquer tipo de arquivo como ponto de entrada, embora um arquivo HTML ou JavaScript seja a melhor opção para começar. Se você referenciar seu arquivo JavaScript principal dentro do seu arquivo HTML utilizando caminho relativo, o Parcel também processará esse arquivo para você e substituirá a referência no caminho do arquivo de saída.

Depois, crie os arquivos index.html e index.js.

<html>
<body>
  <script src="./index.js"></script>
</body>
</html>
console.log("Olá, mundo!");

Parcel possui um servidor de desenvolvimento embutido, o qual irá reconstruir sua aplicação automaticamente à medida que você vai alterando os arquivos. Ele suporta Hot Module Replacement para acelerar o desenvolvimento. Apenas aponte a ele seu arquivo de entrada:

parcel index.html

Agora, abra seu navegador em http://localhost:1234/. Você também pode alterar a porta padrão utilizando a opção -p <port number>.

Utilize o servidor de desenvolvimento caso você não tenha seu próprio sevidor, ou sua aplicação será inteiramente renderizada no cliente. Caso você possua seu próprio servidor, você pode utilizar o Parcel em modo watch. Essa opção continua reconstruindo sua aplicação à medida que você vai alterando os arquivos e suporta Hot Module Replacement, mas não irá iniciar um servidor.

parcel watch index.html

Quando você estiver pronto para enviar sua aplicação para produção, o modo build desativa a opção watch e constrói seus arquivos uma única vez. Veja a seção Produção para mais detalhes.