web.dev

web.dev [Archivado]

Nota: Este sitio se migra a una nueva plataforma y este repositorio está disponible en modo de solo lectura. No fusionaremos nuevas solicitudes de extracción . Plantea problemas de contenido en el nuevo rastreador de números.

Web.dev es el recurso final para los desarrolladores de todos los orígenes para aprender, crear y resolver en la web. Está destinado a no solo educar a los desarrolladores, sino ayudarlos a aplicar lo que han aprendido a cualquier sitio en el que trabajen, ya sea personal o negocio.

---

[Readme archivado]

¿Construyendo el sitio?

Necesitará una versión reciente de Node: V14 (LTS) o superior. Para verificar su versión de nodo, ejecute node -v en su terminal.

Si no tiene nodo, o si necesita actualizar, le recomendamos usar el Node Version Manager (NVM).

Clonar el repositorio

git clone https://github.com/GoogleChrome/web.dev.git

Cambiar directorio a la carpeta creada

 cd web.dev

Instalar dependencias

npm ci

Inicie un servidor local para obtener una vista previa del sitio

npm run dev

Abra http://localhost:8080/ para ver el sitio localmente. Los cambios en los activos reconstruirán el sitio. Actualice para ver sus cambios.

Configurar banderas de construcción

Construir todo el sitio puede llevar un tiempo porque son alrededor de mil páginas. Si desea acelerar masivamente sus tiempos de construcción, sugerimos establecer algunas banderas de compilación para ignorar ciertas secciones.

• Cree un archivo .env en la raíz de su proyecto
• Agregue lo siguiente:

 # Ignore ALL site content
ELEVENTY_IGNORE=true

# Only build the directories you're working on.
# Note, this is a JSON string so you must use double quotes.
ELEVENTY_INCLUDE=["blog", "vitals"]

Entornos?

Establecer ELEVENTY_ENV=prod para forzar construcciones de producción. Este es el valor predeterminado cuando se ejecuta "etapa" o "implementar". No se admiten otras opciones para ELEVENTY_ENV , aunque nuestra Eletenty Site Config es predeterminada a 'Dev' si no se especifica.

La construcción de producción actualmente requiere mucha memoria, hasta el punto en que node podría salir con errores a lo largo de la línea de

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate * , char const * , bool) [node]

La cantidad exacta de espacio de almacenamiento requerido varía de una computadora a otra y la versión del node . Si necesita una compilación de producción local, pero se queda sin memoria, puede aumentar el tamaño del montón agregando --node-options '--max_old_space_size=8192' (para asignar 8GB de espacio de montón) al comando npm , antes de run . Por ejemplo:

ELEVENTY_ENV=prod npm --node-options ' --max_old_space_size=8192 ' run build

Puesta en escena?

Cuando envíe una solicitud de extracción, se organizará automáticamente para usted. Esté atento a que Netlify Bot comente sobre la solicitud de extracción con su URL única.

Implementando el sitio

Implementos automáticos

El sitio construirá e implementará la rama principal automáticamente cada hora, lunes a viernes. Si acaba de fusionar un artículo, entonces debería ponerse en marcha en la parte superior de la próxima hora.

Implementa manual

Para implementar manualmente el sitio, deberá ser miembro de uno de estos equipos de Google:

• web.dev-eng
• Web.dev propietarios

1. Navegue a la página de desencadenantes de compilación de nubes.
2. Haga clic en el botón Ejecutar para el activador llamado Deploy .
3. En el cajón lateral que se abre, haga clic en el botón Ejecutar activador para el disparador para la rama principal .

Nota: Web.dev Auto implementa cada hora si hay una nueva confirmación en la rama main . Las implementaciones manuales solo deben ocurrir cuando una compilación falla o si las implementaciones automáticas están deshabilitadas.

Depuración?

Si necesita depurar el proceso de construcción del sitio:

1. Agregue una declaración debugger a .eleventy.js
2. Run npm run debug:eleventy
3. Vaya a about://inspect para adjuntar al proceso de ejecución.