Skip to content

Commit 538a52e

Browse files
committed
1 parent 0c54379 commit 538a52e

20 files changed

+290
-65
lines changed

docs/.vitepress/theme/styles/landing.css

-4
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,6 @@ html:has(.landing) {
1212
}
1313
}
1414

15-
html.dark:has(.landing) {
16-
--vp-c-bg: #101010;
17-
}
18-
1915
.landing {
2016
overflow-x: hidden;
2117
background-color: #101010;

docs/_data/team.js

+10-4
Original file line numberDiff line numberDiff line change
@@ -116,6 +116,12 @@ export const core = [
116116
],
117117
sponsor: 'https://github.com/sponsors/hi-ogawa',
118118
},
119+
{
120+
avatar: 'https://github.com/btea.png',
121+
name: 'btea',
122+
title: 'Web Developer',
123+
links: [{ icon: 'github', link: 'https://github.com/btea' }],
124+
},
119125
]
120126

121127
export const emeriti = [
@@ -202,18 +208,18 @@ export const emeriti = [
202208
sponsor: 'https://github.com/sponsors/Shinigami92',
203209
},
204210
{
205-
avatar: 'https://github.com/sodatea.png',
211+
avatar: 'https://github.com/haoqunjiang.png',
206212
name: 'Haoqun Jiang',
207-
title: 'Desarrollador',
213+
title: 'Miembro principal del equipo',
208214
org: 'Vue.js',
209215
orgLink: 'https://vuejs.org/',
210-
desc: 'Miembro del equipo principal de Vue/Vite. Contribuyente del codigo abierto a tiempo completo.',
216+
desc: 'Curador de mejores prácticas para herramientas de Vue.js.',
211217
links: [
212218
{ icon: 'github', link: 'https://github.com/sodatea' },
213219
{ icon: 'x', link: 'https://x.com/haoqunjiang' },
214220
{ icon: 'mastodon', link: 'https://elk.zone/m.webtoo.ls/@haoqun' },
215221
{ icon: 'bluesky', link: 'https://bsky.app/profile/haoqun.dev' },
216222
],
217-
sponsor: 'https://github.com/sponsors/sodatea',
223+
sponsor: 'https://github.com/sponsors/haoqunjiang',
218224
},
219225
]

docs/blog/anunciando-vite6.md

+113
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
---
2+
title: ¡Vite 6.0 ya está disponible!
3+
author:
4+
name: El equipo de Vite
5+
date: 2024-11-26
6+
sidebar: false
7+
head:
8+
- - meta
9+
- property: og:type
10+
content: website
11+
- - meta
12+
- property: og:title
13+
content: Anunciando Vite 6
14+
- - meta
15+
- property: og:image
16+
content: https://es.vite.dev/og-image-announcing-vite6.png
17+
- - meta
18+
- property: og:url
19+
content: https://es.vite.dev/blog/announcing-vite6
20+
- - meta
21+
- property: og:description
22+
content: Anuncio de lanzamiento de Vite 6
23+
- - meta
24+
- name: twitter:card
25+
content: summary_large_image
26+
---
27+
28+
# ¡Vite 6.0 ya está disponible!
29+
30+
_26 de Noviembre de 2024_
31+
32+
![Imagen de portada del anuncio de Vite 6](/og-image-announcing-vite6.png)
33+
34+
Hoy damos otro gran paso en la historia de Vite. El equipo de Vite, los colaboradores y los socios del ecosistema están emocionados de anunciar el lanzamiento de Vite 6.
35+
36+
Ha sido un año lleno de eventos. La adopción de Vite sigue creciendo, con las descargas semanales de npm saltando de 7.5 millones a 17 millones desde el lanzamiento de Vite 5 hace un año. [Vitest](https://vitest.dev) no solo es más favorecido por los usuarios, sino que también está comenzando a formar su propio ecosistema. Por ejemplo, [Storybook](https://storybook.js.org) ahora tiene nuevas capacidades de prueba impulsadas por Vitest.
37+
38+
Nuevos frameworks también se han unido al ecosistema de Vite, incluyendo [TanStack Start](https://tanstack.com/start), [One](https://onestack.dev/), [Ember](https://emberjs.com/), entre otros. Los frameworks web están innovando a un ritmo cada vez más rápido. Puedes ver las mejoras que se están realizando en [Astro](https://astro.build/), [Nuxt](https://nuxt.com/), [SvelteKit](https://kit.svelte.dev/), [Solid Start](https://www.solidjs.com/blog/introducing-solidstart), [Qwik City](https://qwik.builder.io/qwikcity/overview/), [RedwoodJS](https://redwoodjs.com/), [React Router](https://reactrouter.com/), y la lista sigue.
39+
40+
Vite es utilizado por OpenAI, Google, Apple, Microsoft, NASA, Shopify, Cloudflare, GitLab, Reddit, Linear, entre muchos otros. Hace dos meses, comenzamos una lista de [empresas que usan Vite](https://github.com/vitejs/companies-using-vite). Nos alegra ver a muchos desarrolladores enviándonos un PR para agregar sus empresas a la lista. Es difícil de creer cuánto ha crecido el ecosistema que construimos juntos desde que Vite dio sus primeros pasos.
41+
42+
![Descargas semanales de npm de Vite](/vite6-npm-weekly-downloads.png)
43+
44+
## Acelerando el ecosistema de Vite
45+
46+
El mes pasado, la comunidad se reunió para la tercera edición de [ViteConf](https://viteconf.org/24/replay), organizada una vez más por [StackBlitz](https://stackblitz.com). Fue la conferencia más grande de Vite, con una amplia representación de los creadores del ecosistema. Entre otros anuncios, Evan You presentó [VoidZero](https://staging.voidzero.dev/posts/announcing-voidzero-inc), una empresa dedicada a construir una cadena de herramientas de desarrollo unificada y de alto rendimiento para el ecosistema JavaScript. VoidZero está detrás de [Rolldown](https://rolldown.rs) y [Oxc](https://oxc.rs), y su equipo está logrando avances significativos, preparándolos rápidamente para ser adoptados por Vite. Mira la charla de apertura de Evan para conocer más sobre los próximos pasos para el futuro impulsado por Rust de Vite.
47+
48+
[Stackblitz](https://stackblitz.com) presentó [bolt.new](https://bolt.new), una aplicación Remix que combina Claude y WebContainers y te permite interactuar, editar, ejecutar y desplegar aplicaciones full-stack. Nate Weiner presentó [One](https://onestack.dev/), un nuevo framework React impulsado por Vite para la web y lo nativo. Storybook mostró sus últimas [funciones de prueba](https://youtu.be/8t5wxrFpCQY?si=PYZoWKf-45goQYDt) impulsadas por Vitest. Y mucho más. Te recomendamos ver [todas las 43 charlas](https://www.youtube.com/playlist?list=PLqGQbXn_GDmnObDzgjUF4Krsfl6OUKxtp). Los ponentes hicieron un gran esfuerzo para compartir con nosotros lo que cada proyecto ha estado haciendo.
49+
50+
Vite también tiene una página de inicio renovada y un dominio limpio. Debes actualizar tus URL para que apunten al nuevo dominio [vite.dev](https://es.vite.dev) de ahora en adelante. El nuevo diseño e implementación fue realizado por VoidZero, el mismo equipo que creó su sitio web. Un agradecimiento a [Vicente Rodriguez](https://bento.me/rmoon) y [Simon Le Marchant](https://marchantweb.com/).
51+
52+
## La próxima versión importante de Vite ya está aquí
53+
54+
Vite 6 es la versión más importante desde Vite 2. Estamos ansiosos por asociarnos con el ecosistema para seguir expandiendo nuestros recursos comunes a través de nuevas APIs y, como siempre, una base más pulida sobre la cual construir.
55+
56+
Enlaces rápidos:
57+
58+
- [Documentación](/)
59+
- Traducciones: [简体中文](https://cn.vite.dev/), [日本語](https://ja.vite.dev/), [Español](https://es.vite.dev/), [Português](https://pt.vite.dev/), [한국어](https://ko.vite.dev/), [Deutsch](https://de.vite.dev/)
60+
- [Guía de migración](/guide/migration)
61+
- [Lista de cambios en GitHub](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#600-2024-11-26)
62+
63+
Si eres nuevo en Vite, te sugerimos leer primero [las guías de inicio](/guide/) y [las funcionalidades](/guide/features).
64+
65+
Queremos agradecer a los más de [1,000 colaboradores de Vite Core](https://github.com/vitejs/vite/graphs/contributors) y a los mantenedores y colaboradores de plugins, integraciones, herramientas y traducciones de Vite que nos han ayudado a crear esta nueva versión importante. Te invitamos a involucrarte y ayudarnos a mejorar Vite para todo el ecosistema. Aprende más en nuestra [Guía de Contribuciones](https://github.com/vitejs/vite/blob/main/CONTRIBUTING.md).
66+
67+
Para comenzar, te sugerimos ayudar a [clasificar problemas](https://github.com/vitejs/vite/issues), [revisar PRs](https://github.com/vitejs/vite/pulls), enviar PRs con pruebas fallidas basadas en problemas abiertos y apoyar a otros en [las discusiones](https://github.com/vitejs/vite/discussions) y el [foro de ayuda de Vite Land](https://discord.com/channels/804011606160703521/1019670660856942652). Si deseas hablar con nosotros, únete a nuestra [comunidad en Discord](http://chat.vite.dev/) y saluda en el canal [#contributing](https://discord.com/channels/804011606160703521/804439875226173480).
68+
69+
Para las últimas noticias sobre el ecosistema Vite y Vite Core, síguenos en [Bluesky](https://bsky.app/profile/vite.dev), [X](https://twitter.com/vite_js), o [Mastodon](https://webtoo.ls/@vite).
70+
71+
## Comenzando con Vite 6
72+
73+
Puedes usar `pnpm create vite` para crear rápidamente una aplicación Vite con tu framework preferido o jugar en línea con Vite 6 usando [vite.new](https://vite.new). También puedes ejecutar `pnpm create vite-extra` para acceder a plantillas de otros frameworks y entornos de ejecución (Solid, Deno, SSR, y plantillas para bibliotecas). Las plantillas `create vite-extra` también están disponibles cuando ejecutas `create vite` bajo la opción `Others`.
74+
75+
Las plantillas de inicio de Vite están pensadas para ser usadas como un campo de pruebas para probar Vite con diferentes frameworks. Cuando inicies tu próximo proyecto, deberías buscar la plantilla recomendada por cada framework. `create vite` también proporciona un acceso rápido para configurar plantillas adecuadas por algunos frameworks, como `create-vue`, `Nuxt 3`, `SvelteKit`, `Remix`, `Analog`, y `Angular`.
76+
77+
## Soporte de Node.js
78+
79+
Vite 6 soporta Node.js 18, 20 y 22+, similar a Vite 5. El soporte para Node.js 21 ha sido descontinuado. Vite deja de soportar versiones más antiguas de Node.js después de su [EOL](https://endoflife.date/nodejs). El EOL de Node.js 18 es a finales de abril de 2025, después de lo cual podríamos lanzar una nueva versión importante para actualizar la versión mínima requerida de Node.js.
80+
81+
## API Experimental de Entorno
82+
83+
Vite se está volviendo más flexible con la introducción de la nueva API de Entorno. Estas APIs permitirán a los autores de frameworks ofrecer una experiencia de desarrollo más cercana a la producción, además de permitir que el Ecosistema comparta nuevos bloques de compilación. Si estás construyendo una Aplicación de Página Única (SPA), nada cambiará; al usar Vite con un entorno de cliente único, todo funcionará como antes. Vite 6 también es retrocompatible para aplicaciones SSR (Renderizado del lado del servidor) personalizadas. El público principal para la API de Entorno son los autores de frameworks.
84+
85+
Para los usuarios interesados en aprender más, [Sapphi](https://github.com/sapphi-red) escribió una excelente [Introducción a la API de Entorno](https://green.sapphi.red/blog/increasing-vites-potential-with-the-environment-api). Este es un excelente lugar para comenzar y entender cómo Vite se está volviendo aún más flexible.
86+
87+
Si eres un autor de framework o mantenedor de un plugin de Vite y te gustaría usar las nuevas APIs, puedes explorar las [Guías de la API de Entorno](/guide/api-environment).
88+
89+
Queremos expresar nuestro agradecimiento a todos los involucrados en la definición e implementación de estas nuevas APIs. La historia comenzó con Vite 2, que adoptó el esquema de desarrollo SSR sin empaquetar pionero de [Rich Harris](https://github.com/Rich-Harris) y el equipo de [SvelteKit](https://svelte.dev/docs/kit). La transformación SSR de Vite allanó el camino para que [Anthony Fu](https://github.com/antfu/) y [Pooya Parsa](https://github.com/pi0) crearan vite-node y mejoraran la historia de SSR de [Nuxt](https://antfu.me/posts/dev-ssr-on-nuxt). Anthony usó vite-node para potenciar [Vitest](https://vitest.dev), y [Vladimir Sheremet](https://github.com/sheremet-va) continuó mejorándolo mientras mantenía Vitest. A principios de 2023, Vladimir comenzó a trabajar en llevar vite-node al núcleo de Vite, finalizando en su lanzamiento como la API de Runtime en Vite 5.1. Los comentarios de los socios del ecosistema, especialmente el equipo de Cloudflare, motivaron una reestructuración más ambiciosa de los entornos de Vite. Puedes aprender más sobre este viaje viendo [la charla de Patak en ViteConf 24](https://www.youtube.com/watch?v=WImor3HDyqU?si=EZ-rFJn4pDW3tUvp).
90+
91+
Todo el equipo de Vite participó en la definición de la nueva API, que fue co-diseñada con comentarios de muchos proyectos dentro del Ecosistema. ¡Gracias a todos los que contribuyeron! Animamos a aquellos que estén construyendo frameworks, plugins o herramientas sobre Vite a involucrarse. Las nuevas APIs son experimentales, y colaboraremos con el Ecosistema para refinarlas y estabilizarlas para la próxima versión principal. Si tienes preguntas o comentarios, no dudes en unirte a la [discusión abierta en GitHub](https://github.com/vitejs/vite/discussions/16358).
92+
93+
## Cambios Principales
94+
95+
- [Valor por defecto para `resolve.conditions`](/guide/migration#default-value-for-resolve-conditions)
96+
- [JSON.stringify](/guide/migration#json-stringify)
97+
- [Soporte extendido de referencias de recursos en elementos HTML](/guide/migration#extended-support-of-asset-references-in-html-elements)
98+
- [postcss-load-config](/guide/migration#postcss-load-config)
99+
- [Sass ahora usa la API moderna por defecto](/guide/migration#sass-now-uses-modern-api-by-default)
100+
- [Personalizar el nombre del archivo CSS de salida en modo librería](/guide/migration#customize-css-output-file-name-in-library-mode)
101+
- [Y más cambios que solo deberían afectar a unos pocos usuarios](/guide/migration#advanced)
102+
103+
También hay una nueva página de [Cambios importantes](/changes/) que enumera todos los cambios planificados, en consideración y pasados en Vite.
104+
105+
## Migración a Vite 6
106+
107+
Para la mayoría de los proyectos, la actualización a Vite 6 debería ser directa, pero recomendamos revisar la [Guía de Migración detallada](/guide/migration) antes de actualizar.
108+
109+
La lista completa de cambios está en el [Changelog de Vite 6](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#500-2024-11-26).
110+
111+
## Agradecimientos
112+
113+
Vite 6 es el resultado de largas horas de trabajo por parte de nuestra comunidad de contribuyentes, mantenedores descendentes, autores de plugins y el [equipo de Vite](/team). Agradecemos a las personas y empresas que patrocinan el desarrollo de Vite. Vite es traído a ustedes por [VoidZero](https://voidzero.dev), en colaboración con [StackBlitz](https://stackblitz.com/), [Nuxt Labs](https://nuxtlabs.com/) y [Astro](https://astro.build). Un agradecimiento a los patrocinadores en [GitHub Sponsors de Vite](https://github.com/sponsors/vitejs) y [Open Collective de Vite](https://opencollective.com/vite).
+69-9
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,81 @@
1-
# Plugins Compartidos durante la Construcción
1+
# Plugins compartidos durante la compilación
22

3-
::: tip Feedback
4-
Danos tu opinión en la [discusión de feedback sobre la API de Entorno](https://github.com/vitejs/vite/discussions/16358).
3+
::: tip Comentarios
4+
Danos tu opinión en [Discusión sobre la API del entorno](https://github.com/vitejs/vite/discussions/16358)
55
:::
66

77
Consulta [Plugins compartidos durante la compilación](/guide/api-environment.md#shared-plugins-during-build).
88

9-
Ámbito afectado: **`Autores de Plugins para Vite`**
9+
Ámbito afectado: `Autores de plugins de Vite`
1010

11-
::: warning Cambio Futuro por Defecto
12-
`builder.sharedConfigBuild` se introdujo por primera vez en `v6.0`. Puedes configurarlo como `true` para verificar cómo funcionan tus plugins con una configuración compartida. Estamos recopilando feedback sobre cambiar esta opción a predeterminada en una versión principal futura, una vez que el ecosistema de plugins esté preparado.
11+
::: warning Cambio futuro por defecto
12+
`builder.sharedConfigBuild` se introdujo por primera vez en `v6.0`. Puedes configurarlo como `true` para comprobar cómo funcionan tus plugins con una configuración compartida. Estamos buscando comentarios sobre la posibilidad de cambiar el valor por defecto en una futura versión importante una vez que el ecosistema de plugins esté listo.
1313
:::
1414

1515
## Motivación
1616

17-
// TODO:
17+
Alinear los pipelines de plugins de desarrollo y compilación.
1818

19-
## Guía de Migración
19+
## Guía de migración
2020

21-
// TODO:
21+
Para poder compartir plugins entre entornos, el estado del plugin debe estar asociado al entorno actual. Un plugin de la siguiente forma contará el número de módulos transformados en todos los entornos.
22+
23+
```js
24+
function CountTransformedModulesPlugin() {
25+
let transformedModules
26+
return {
27+
name: 'count-transformed-modules',
28+
buildStart() {
29+
transformedModules = 0
30+
},
31+
transform(id) {
32+
transformedModules++
33+
},
34+
buildEnd() {
35+
console.log(transformedModules)
36+
},
37+
}
38+
}
39+
```
40+
41+
Si en cambio queremos contar el número de módulos transformados para cada entorno, necesitamos mantener un mapa:
42+
43+
```js
44+
function PerEnvironmentCountTransformedModulesPlugin() {
45+
const state = new Map<Environment, { count: number }>()
46+
return {
47+
name: 'count-transformed-modules',
48+
perEnvironmentStartEndDuringDev: true,
49+
buildStart() {
50+
state.set(this.environment, { count: 0 })
51+
}
52+
transform(id) {
53+
state.get(this.environment).count++
54+
},
55+
buildEnd() {
56+
console.log(this.environment.name, state.get(this.environment).count)
57+
}
58+
}
59+
}
60+
```
61+
62+
Para simplificar este patrón, Vite exporta un helper `perEnvironmentState`:
63+
64+
```js
65+
function PerEnvironmentCountTransformedModulesPlugin() {
66+
const state = perEnvironmentState<{ count: number }>(() => ({ count: 0 }))
67+
return {
68+
name: 'count-transformed-modules',
69+
perEnvironmentStartEndDuringDev: true,
70+
buildStart() {
71+
state(this).count = 0
72+
}
73+
transform(id) {
74+
state(this).count++
75+
},
76+
buildEnd() {
77+
console.log(this.environment.name, state(this).count)
78+
}
79+
}
80+
}
81+
```

docs/config/server-options.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -215,11 +215,11 @@ export defineConfig default ({
215215
216216
- **Tipo:** `object | null`
217217
218-
Opciones del observador del sistema de archivos que se pasan a [chokidar](https://github.com/paulmillr/chokidar#getting-started). Si se pasa la opción `ignored`, Vite también convertirá automáticamente cualquier cadena en [patrones picomatch](https://github.com/micromatch/picomatch#globbing-features).
218+
Opciones del observador del sistema de archivos que se pasan a [chokidar](https://github.com/paulmillr/chokidar/tree/3.6.0#api).
219219
220220
El observador del servidor Vite observa el `root` y omite los directorios `.git/`, `node_modules/`, y las carpetas de Vite `cacheDir` y `build.outDir` de forma predeterminada. Al actualizar un archivo observado, Vite aplicará HMR y actualizará la página solo si es necesario.
221221
222-
Si se configura en `null`, no se observarán archivos. `server.watcher` no observará ningún archivo y llamar a `add` no tendrá efecto.
222+
Si se configura en `null`, no se vigilarán archivos. `server.watcher` proporcionará un emisor de eventos compatible, pero llamar a `add` o `unwatch` no tendrá efecto.
223223
224224
::: warning Observando archivos en `node_modules`
225225
Actualmente no es posible ver archivos y paquetes en `node_modules`. Para obtener más avances y soluciones alternativas, puede seguir la [propuesta #8619](https://github.com/vitejs/vite/issues/8619).
@@ -234,7 +234,7 @@ Para solucionarlo, podrías:
234234
- **Recomendado**: Utilizar las aplicaciones WSL2 para editar tus archivos.
235235
- También se recomienda mover la carpeta del proyecto fuera del sistema de archivos de Windows. El acceso al sistema de archivos de Windows desde WSL2 es lento. Eliminar esa sobrecarga mejorará el rendimiento.
236236
- Configura `{ usePolling: true }`.
237-
- Ten en cuenta que [`usePolling` conduce a un uso elevado de la CPU](https://github.com/paulmillr/chokidar#performance).
237+
- Ten en cuenta que [`usePolling` conduce a un uso elevado de la CPU](https://github.com/paulmillr/chokidar/tree/3.6.0#performance).
238238
239239
:::
240240

0 commit comments

Comments
 (0)