Вышел Vite 2.8.0 — сборочный инструмент для Vue стал легче и удобнее

Авторы уменьшили размер установщика, изменили дефолтный порт и синтаксис для worker, а также пофиксили баги.

Дмитрий Зверев

Любитель научной фантастики и технологического прогресса. Хорошо сочетает в себе заумного технаря и утончённого гуманитария. Пишет про IT и радуется этому.

Vite — это инструмент для сборки frontend-проектов на VueJS, который значительно упрощает разработку. В версию 2.8.0 внесли несколько крупных важных изменений, а также много маленьких.

Vite 2.8.0 стал заметно меньше весить, чем версия 2.7.0. Публикационный размер сократился до 4,6 Мб, а установочный — до 17,4 Мб, если сравнивать с прошлой версией, где было 12,7 Мб и 25,2 Мб соответственно.

Разработчики изменили дефолтный порт для vite preview на 4173. Это было нужно, чтобы избежать конфликтов в операционной системе MacOS, которая использовала старый порт — 5000.

Worker-интерфейсы теперь можно задавать через стандартный синтаксис. Раньше определение было таким:

import MyWorker from './worker.js?worker'
const worker = new MyWorker()

Сейчас оно сократилось до этого:

const worker = new Worker( new URL('./worker.js', import.meta.url), { type: 'module' } )

Новые поля в настройках для worker-интерфейсов теперь поддерживают format, plugins и rollupOptions. Выглядят они так:

worker.format: ‘es’ | ‘life’ — формат вывода для worker-бандлов;
worker.plugins: (Plugin | Plugin[])[] — Vite-плагины для worker-бандлов;
worker.rollupOptions: RollupOptions — rollup-опции для сборки worker-бандлов.

Glob-импорты теперь поддерживают raw-модификаторы. Разработчики планируют постепенно перенести Vite на новый стандарт assert-синтаксиса вместо кастомных URL-суффиксов.

const examples = import.meta.globEager('./examples/*.html', { assert: { type: 'raw' }})

Кроме этого, в Vite появилась новая настройка для server.headers, которая позволяет настраивать ответ заголовков в дев-режиме.

export default {
 server: {
    port: '8080',
    headers: {
      'Cache-Control': 'no-store'
    }
  },
}

Помимо этого, разработчики пофиксили баги и внесли небольшие изменения в Vite, которые сделают работу с ним проще и удобнее. Полный список обновлений можно посмотреть на официальной GitHub-странице Vite.

Читайте также: