Прощайте, паршивые файлы конфигурации!
Я пробую 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
отключает отслеживание и выполняет сборку только один раз. Подробнее смотрите в разделе Производство 🚀.