Snowpack — инструмент сборки следующего поколения

Существует множество инструментов для создания файлов JS, и Webpack правит миром JS с 2012 года. Он стал неотъемлемой частью сборок Angular. Webpack предлагает множество функций, которые помогают разработчикам создавать свои проекты. Webpack преобразует ваш код и различные ресурсы, такие как файлы CSS, изображения, в пакеты. Он компилируется каждый раз, когда вы сохраняете изменения. Это может работать для небольших проектов, но время компиляции и сборки значительно увеличивается с большими проектами. Сюда приходит Снежок, чтобы спасти мир.

Что такое Snowpack?

Snowpack — это инструмент сборки следующего поколения, который быстрее, проще и предназначен для современной сети. Snowpack использует другой подход, чем Webpack. Snowpack использует встроенные модули JavaScript.

Как работает Snowpack?

Snowpack использует разрозненный подход во время разработки. Файлы создаются только один раз и кэшируются навсегда. Когда в файл вносятся изменения, Snowpack восстанавливает этот единственный файл и мгновенно обновляет браузер.

Эммм.. звучит интересно. Но как насчет производственных сборок и пакетных сборок?

Snowpack поддерживает раздельную разработку, что не означает, что Snowpack не поддерживает пакетный подход. По умолчанию Snowpack создает отдельный подход для производства, но вы можете использовать свой любимый сборщик через плагины Snowpacks, и настройка также проста. Таким образом, снежный покров сочетает в себе лучшее из обоих миров.

Что такое пакетная и отдельная разработка?

Snowpack использует преимущества ESM для создания и отправки отдельных файлов в браузер. Каждый отдельный файл кэшируется навсегда. Когда вы обновляете или изменяете один файл, только этот файл перестраивается и отправляется в браузер. Принимая во внимание, что при пакетном подходе все файлы и пакеты. Следовательно, при любых изменениях файлов все приложение необходимо заново перестраивать, что приводит к увеличению времени сборки.

Snowpack обрабатывает все зависимости NPM по отдельности. Он преобразует отдельные зависимости в отдельные файлы JS, например, react преобразуется в react.js, а react-dom — в react-dom.js. Зависимости обычно остаются неизменными, поэтому нам не нужно перестраивать эти файлы.

Как использовать Snowpack?

Установить Снежный пакет

# npm:
npm install --save-dev snowpack
# yarn:
yarn add --dev snowpack
# pnpm:
pnpm add --save-dev snowpack

Беги Снежный Пак

npx snowpack [command]
yarn run snowpack [command]
pnpm run snowpack [command]

Я пробовал реагировать на снежный покров

Запуск сервера занимает около 11 мс. Приложение имеет минимальную конфигурацию.

Вывод:

Webpack по-прежнему является отличным и надежным инструментом сборки. Webpack созрел и широко используется сообществом JS. С Webpack доступно множество полезных плагинов. Webpack существует уже несколько лет, когда не было модулей ES.

Snowpack — это легкий, быстрый инструмент для связывания нового поколения. Snowpack следует раздельному подходу с использованием модулей JavaScript. Snowpack очень легко установить, настроить и настроить. Но все же есть некоторые ограничения на использование Snowpack. Мы должны использовать готовые к ESM зависимости со Snowpack. Модули ES все еще молоды и еще не доработаны и не готовы к производству.

Так вот вопрос какой использовать? Ответ действительно зависит от того, каковы ваши требования и ваши потребности. Оба инструмента пытаются решить разные проблемы с помощью разных подходов. Оба средства имеют свои плюсы и минусы. Дайте мне знать, какой из них вы выберете Webpack или Snowpack?