0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p>Vite - это инструмент для сборки frontend-проектов на VueJS, который значительно упрощает разработку. В версию 2.8.0 внесли несколько крупных важных изменений, а также много маленьких.</p>
1
<p>Vite - это инструмент для сборки frontend-проектов на VueJS, который значительно упрощает разработку. В версию 2.8.0 внесли несколько крупных важных изменений, а также много маленьких.</p>
2
<p>Vite 2.8.0 стал заметно меньше весить, чем версия 2.7.0. Публикационный размер сократился до 4,6 Мб, а установочный - до 17,4 Мб, если сравнивать с прошлой версией, где было 12,7 Мб и 25,2 Мб соответственно.</p>
2
<p>Vite 2.8.0 стал заметно меньше весить, чем версия 2.7.0. Публикационный размер сократился до 4,6 Мб, а установочный - до 17,4 Мб, если сравнивать с прошлой версией, где было 12,7 Мб и 25,2 Мб соответственно.</p>
3
<p>Разработчики изменили дефолтный порт для vite preview на 4173. Это было нужно, чтобы избежать конфликтов в операционной системе MacOS, которая использовала старый порт - 5000.</p>
3
<p>Разработчики изменили дефолтный порт для vite preview на 4173. Это было нужно, чтобы избежать конфликтов в операционной системе MacOS, которая использовала старый порт - 5000.</p>
4
<p>Worker-интерфейсы теперь можно задавать через стандартный синтаксис. Раньше определение было таким:</p>
4
<p>Worker-интерфейсы теперь можно задавать через стандартный синтаксис. Раньше определение было таким:</p>
5
import MyWorker from './worker.js?worker' const worker = new MyWorker()<p>Сейчас оно сократилось до этого:</p>
5
import MyWorker from './worker.js?worker' const worker = new MyWorker()<p>Сейчас оно сократилось до этого:</p>
6
const worker = new Worker( new URL('./worker.js', import.meta.url), { type: 'module' } )<p>Новые поля в настройках для worker-интерфейсов теперь поддерживают<strong>format, plugins</strong>и <strong>rollupOptions.</strong>Выглядят они так:</p>
6
const worker = new Worker( new URL('./worker.js', import.meta.url), { type: 'module' } )<p>Новые поля в настройках для worker-интерфейсов теперь поддерживают<strong>format, plugins</strong>и <strong>rollupOptions.</strong>Выглядят они так:</p>
7
<ul><li><strong>worker.format: ‘es’ | ‘life’</strong>- формат вывода для worker-бандлов;</li>
7
<ul><li><strong>worker.format: ‘es’ | ‘life’</strong>- формат вывода для worker-бандлов;</li>
8
<li><strong>worker.plugins: (Plugin | Plugin[])[]</strong>- Vite-плагины для worker-бандлов;</li>
8
<li><strong>worker.plugins: (Plugin | Plugin[])[]</strong>- Vite-плагины для worker-бандлов;</li>
9
<li><strong>worker.rollupOptions: RollupOptions</strong>- rollup-опции для сборки worker-бандлов.</li>
9
<li><strong>worker.rollupOptions: RollupOptions</strong>- rollup-опции для сборки worker-бандлов.</li>
10
</ul><p>Glob-импорты теперь поддерживают<strong>raw</strong>-модификаторы. Разработчики планируют постепенно перенести Vite на новый стандарт assert-синтаксиса вместо кастомных URL-суффиксов.</p>
10
</ul><p>Glob-импорты теперь поддерживают<strong>raw</strong>-модификаторы. Разработчики планируют постепенно перенести Vite на новый стандарт assert-синтаксиса вместо кастомных URL-суффиксов.</p>
11
const examples = import.meta.globEager('./examples/*.html', { assert: { type: 'raw' }})<p>Кроме этого, в Vite появилась новая настройка для<strong>server.headers</strong>, которая позволяет настраивать ответ заголовков в дев-режиме.</p>
11
const examples = import.meta.globEager('./examples/*.html', { assert: { type: 'raw' }})<p>Кроме этого, в Vite появилась новая настройка для<strong>server.headers</strong>, которая позволяет настраивать ответ заголовков в дев-режиме.</p>
12
export default { server: { port: '8080', headers: { 'Cache-Control': 'no-store' } }, }<p>Помимо этого, разработчики пофиксили баги и внесли небольшие изменения в Vite, которые сделают работу с ним проще и удобнее. Полный список обновлений можно посмотреть на <a>официальной GitHub-странице Vite</a>.</p>
12
export default { server: { port: '8080', headers: { 'Cache-Control': 'no-store' } }, }<p>Помимо этого, разработчики пофиксили баги и внесли небольшие изменения в Vite, которые сделают работу с ним проще и удобнее. Полный список обновлений можно посмотреть на <a>официальной GitHub-странице Vite</a>.</p>
13
13