web.dev

Web.Dev [Arquivado]

Nota: Este site é migrado para uma nova plataforma e este repositório está disponível no modo somente leitura. Não estaremos fundindo novos pedidos de puxão . Por favor, levante questões de conteúdo no novo rastreador de edições.

Web.Dev é o recurso final para desenvolvedores de todos os antecedentes aprender, criar e resolver na web. Destina -se não apenas a educar os desenvolvedores, mas ajudá -los a aplicar o que aprenderam a qualquer site em que trabalhe, seja pessoal ou comercial.

---

[Readme arquivado]

Construindo o site?

Você precisará de uma versão recente do nó: V14 (LTS) ou superior. Para verificar a versão do nó, execute node -v no seu terminal.

Se você não tiver nó, ou se precisar atualizar, recomendamos o uso do Node Version Manager (NVM).

Clone o repo

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

Altere o diretório para a pasta criada

 cd web.dev

Instalar dependências

npm ci

Inicie um servidor local para visualizar o site

npm run dev

Abra http://localhost:8080/ Para ver o site localmente. Alterações nos ativos reconstruirão o site. Atualize para ver suas mudanças.

Configurar bandeiras de construção

Construir o site inteiro pode demorar um pouco, porque são cerca de mil páginas. Se você deseja acelerar massivamente seus tempos de construção, sugerimos definir alguns sinalizadores de construção para ignorar determinadas seções.

• Crie um arquivo .env na raiz do seu projeto
• Adicione o seguinte:

 # 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"]

Ambientes?

Definir ELEVENTY_ENV=prod para forçar as compilações de produção. Este é o padrão ao executar o "estágio" ou "implantar". Nenhuma outra opção para ELEVENTY_ENV é suportada, embora nossa configuração do Site Eleventy seja padrão para 'dev' se não especificada.

A construção da produção atualmente requer muita memória, a ponto de node poder sair com erros ao longo da linha 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]

A quantidade exata do espaço da pilha necessária varia de computador para computador e versão do node . Se você precisar de uma construção de produção local, mas ficar sem memória, poderá aumentar o tamanho da pilha adicionando --node-options '--max_old_space_size=8192' (para atribuir 8 GB de espaço de heap) ao comando npm , antes da run . Por exemplo:

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

Encenação?

Quando você enviar uma solicitação de tração, ele será automaticamente encenado para você. Fique de olho no Bot Netlify para comentar a solicitação de tração com seu URL exclusivo.

Implantando o site

Implantas automáticas

O site criará e implantará a filial principal automaticamente a cada hora, seg-sex. Se você acabou de mesclar um artigo, ele deve ser lançado no topo da próxima hora.

Manual implanta

Para implantar manualmente o site, você precisará ser membro de uma dessas equipes do Google:

• web.dev-Eng
• web.dev-proprietários

1. Navegue até a página de acionadores de construção da nuvem.
2. Clique no botão Executar para o gatilho denominado implantação .
3. Na gaveta lateral que se abre, clique no botão Executar gatilho para o gatilho da ramificação principal .

NOTA: Web.Dev Auto se implanta a cada hora, se houver uma nova confirmação na filial main . As implantas manuais só devem ocorrer quando uma construção falha ou se implantar automaticamente estiver desativada.

Debugando?

Se você precisar depurar o processo de construção do site:

1. Adicione uma declaração debugger ao .eleventy.js
2. Run npm run debug:eleventy
3. Vá para about://inspect para anexar ao processo de execução.