🚀 Начиная работу с Parcel

Parcel — это упаковщик для веб приложений, дифференцированный по опыту разработчика. Он предлагает великолепную быструю работу с использованием многоядерной обработки и не требует настройки.

Первое, установка Parcel с помощью Yarn или npm:

Yarn:

yarn global add parcel-bundler

npm:

npm install -g parcel-bundler

Создайте файл package.json в папке вашего проекта, с помощью команды:

yarn init -y

или

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("Привет, Мир!");

Parcel имеет встроенный dev сервер, который будет автоматически пересобирать ваше приложение, так как поддерживает горячую замену модуля для увеличения скорости разработки. Просто выполните команду:

parcel index.html

Теперь, откройте http://localhost:1234/ в вашем браузере. Также, вы можете задать иной порт для dev сервера, используя параметры -p <port number>.

Используйте dev сервер, если у вас нет физического или ваше приложение полностью обработано на клиенте. Если у вас есть физический сервер, то запускайте Parcel режиме watch. Это по-прежнему будет автоматически перестраивать ваше приложение при любом изменении файлов, но не будет создавать веб-сервер.

parcel watch index.html

Когда вы готовы к работе в продакшене, запустите Parcel с параметром build. Смотрите подробности в разделе Работа в продакшене.