Последнее обновление Vercel’s Фреймворк Next.js для создания веб-приложений React ускоряет сборку и обновление за счет расширенного использования сборщика модулей Webpack 5.

Представленный 28 апреля Next.js 10.2 использует Webpack 5 для улучшения кэширования диска, позволяя компилятору продолжать работу между запусками сборки. Поскольку будут перекомпилированы только измененные файлы, производительность последующих сборок значительно улучшится – до 63 процентов.

В Next.js 10.2 все приложения, которые не используют настраиваемую конфигурацию веб-пакетов в своих next config.js будет автоматически использовать Webpack 5. Webpack 5 также предлагает преимущества, включая улучшенное быстрое обновление и улучшенное долгосрочное кэширование ресурсов. Также, CommonJS теперь можно встряхнуть дерево для автоматического удаления неиспользуемого кода.

Другие улучшения в Next.js 10.2 включают:

  • Производительность запуска была улучшена за счет улучшенной инициализации Next.js.
  • Заголовки, перезаписи и перенаправления теперь поддерживают has свойство для сопоставления с входящими файлами cookie, заголовками и строками запроса.
  • Теперь поддерживается автоматическая оптимизация веб-шрифтов, при этом Next.js по умолчанию автоматически встраивает CSS во время сборки, устраняя лишний круговой обход для получения объявлений шрифтов. Это приводит к улучшениям в First Contentful Paint (FCP) и Largest Contentful Paint (LCP). Автоматическая оптимизация веб-шрифтов теперь поддерживает шрифты Google Fonts, и в планах расширить поддержку других поставщиков шрифтов. Также планируется добавить контроль над стратегиями загрузки и font-display значения. Оптимизируя шрифты по умолчанию, разработчики смогут быстрее создавать веб-сайты и улучшать их. Core Web Vitals.
  • Для обеспечения доступности изменения маршрута теперь по умолчанию объявляются для программ чтения с экрана и других вспомогательных технологий.

Пользователи Next.js могут обновиться до версии 10.2, запустив npm i next@latest.

Авторские права © 2021 IDG Communications, Inc.


#Nextjs #использует #Webpack #для #более #быстрой #сборки

Source link