Прощайте, паршивые файлы конфигурации!

Я пробую Parcel.js для одного из своих последних проектов, и должен сказать, что пока он мне очень нравится. Ну, как вы знаете, все любят webpack и бранч. Но этот ребенок 👶 оказывает надежную поддержку простым вещам, когда вы этого хотите.

Должен признать, нулевая конфигурация действительно заманчива. Особенно, когда вы только начинаете работать с JavaScript и веб-разработкой в ​​целом. Он имеет встроенную упаковку активов и горячую перезагрузку модуля.

Но на самом деле он так же силен, как и подход без конфигурации. Для проектов среднего и крупного масштаба, как говорят все, лучше пойти на бранч или веб-пакет.

$ yarn global add parcel-bundler

Однако начать работу с парцеллами так же просто, как установить упаковщик парцеллей и написать индексную страницу с помощью javascript.

index.html
<html>
<body>
  <script src="./index.js"></script>
</body>
</html>
index.js
console.log('Welcome to parcel.js');

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

parcel index.html

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

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

parcel watch index.html

Когда вы будете готовы к сборке для производства, режим build отключает отслеживание и выполняет сборку только один раз. Подробнее смотрите в разделе Производство 🚀.