web.dev

web.dev [архивировано]

Примечание. Этот сайт перенесен на новую платформу, и этот репозиторий доступен в режиме только для чтения. Мы не будем объединять новые запросы на тягу . Пожалуйста, поднимите проблемы с контентом в новом трекере выпуска.

web.dev - это окончательный ресурс для разработчиков всех фонов, чтобы изучать, создавать и решать в Интернете. Это предназначено не только обучать разработчиков, но и помочь им применить то, что они узнали на любом сайте, над которым они работают, будь то личное или бизнес.

---

[Архивировал Ридме]

Построение сайта?

Вам понадобится недавняя версия Node: V14 (LTS) или выше. Чтобы проверить свою версию узла, запустите node -v в вашем терминале.

Если у вас нет узла, или если вам нужно обновить, мы рекомендуем использовать диспетчер версий Node (NVM).

Клонировать репо

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

Изменить каталог в созданную папку

 cd web.dev

Установить зависимости

npm ci

Запустите локальный сервер для предварительного просмотра сайта

npm run dev

Откройте http://localhost:8080/ чтобы увидеть сайт локально. Изменения в активах будут восстанавливать сайт. Обновите, чтобы увидеть ваши изменения.

Настроить флаги сборки

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

• Создайте файл .env в корне вашего проекта
• Добавьте следующее:

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

Среда?

Установите ELEVENTY_ENV=prod для принудительного производства сборки. Это по умолчанию при запуске «стадия» или «развертывания». Никаких других вариантов для ELEVENTY_ENV не поддерживается, хотя наша один из них на один из них будет по умолчанию «разработчик», если он не указан.

Производственная сборка в настоящее время требует большой памяти, до такой степени, что node может выйти с ошибками вдоль линии

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]

Точное количество требуемого места кучи варьируется от компьютера к компьютеру и версии node . Если вам нужна локальная производственная сборка, но закончилась память, вы можете увеличить размер кучи, добавив --node-options '--max_old_space_size=8192' (для назначения 8 ГБ пространства кучи) команде npm , перед run . Например:

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

Постановка?

Когда вы отправляете запрос на привлечение, он будет автоматически организован для вас. Следите за NetLify Bot, чтобы прокомментировать запрос на привлечение с вашим уникальным URL.

Развертывание сайта

Автоматические развертывания

Сайт будет создавать и развернуть основную филиал автоматически каждый час, пн-пт. Если вы только что объединили статью, то она должна жить в верхней части следующего часа.

Ручное развертывание

Чтобы вручную развернуть сайт, вам нужно стать участником одной из этих команд Google:

• web.dev-eng
• web.dev-владельцы

1. Перейдите на страницу Triggers Triggers Cloud.
2. Нажмите кнопку «Запустить» для триггера с именем развертывания .
3. В боковом ящике, который открывается, нажмите кнопку «Запустить триггер» для триггера для основной ветви.

ПРИМЕЧАНИЕ. Web.dev Auto развертывается каждый час, если в main филиале есть новый коммит. Ручные развертывания должны происходить только при сбое сборки или если автоматические развертывания отключены.

Отладка?

Если вам нужно отлаживать процесс сборки сайта:

1. Добавить заявление debugger в .eleventy.js
2. Запустить npm run debug:eleventy
3. Перейдите к about://inspect , чтобы прикрепить к процессу работы.