Hinweis: Diese Site ist auf eine neue Plattform migriert und dieses Repository ist in einem schreibgeschützten Modus verfügbar. Wir werden keine neuen Pull -Anfragen verschmelzen . Bitte speichern Sie Inhaltsprobleme im neuen Problem Tracker.
Web.dev ist die ultimative Ressource für Entwickler aller Hintergründe zum Lernen, Erstellen und Lösen im Web. Es soll nicht nur Entwickler aufklären, sondern ihnen helfen, das, was sie gelernt haben, auf eine Website anzuwenden, an der sie arbeiten, sei es persönlich oder geschäftlich.
Sie benötigen eine aktuelle Version von Knoten: V14 (LTS) oder höher. Um Ihre Knotenversion zu überprüfen, führen Sie node -v in Ihrem Terminal aus.
Wenn Sie keinen Knoten haben oder wenn Sie ein Upgrade benötigen, empfehlen wir, den Node Version Manager (NVM) zu verwenden.
git clone https://github.com/GoogleChrome/web.dev.git cd web.devnpm cinpm run dev Öffnen Sie http://localhost:8080/ um die Website lokal zu sehen. Änderungen des Vermögens werden die Website wieder aufbauen. Aktualisieren Sie Ihre Änderungen.
Der Aufbau des gesamten Standorts kann eine Weile dauern, da es rund tausend Seiten dauert. Wenn Sie Ihre Build -Zeiten massiv beschleunigen möchten, empfehlen wir, einige Build -Flags so einzustellen, dass bestimmte Abschnitte ignoriert werden.
.env -Datei zum Stamm # 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"]
Setzen Sie ELEVENTY_ENV=prod , um Produktionsergebnisse zu erzwingen. Dies ist die Standardeinstellung beim Ausführen von "Stage" oder "Bereitstellung". Es werden keine weiteren Optionen für ELEVENTY_ENV unterstützt, obwohl unsere elf Site -Konfiguration bei nicht spezifiziertem Dev standardmäßig "Dev" standardmäßig wird.
Der Produktionsbau erfordert derzeit viel Speicher, bis zu dem Punkt, an dem node mit Fehlern entlang der Linie von beendet wird
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] Die genaue Menge des erforderlichen Haufens variiert vom Computer zum Computer und der Version des node . Wenn Sie einen lokalen Produktionsbuild benötigen, aber keinen Speicher mehr haben, können Sie die Haufengröße durch Hinzufügen von --node-options '--max_old_space_size=8192' (um 8 GB Heap-Space) dem Befehl npm vor dem run (um 8 GB Heap-Speicherplatz zugewiesen) zu erhöhen. Zum Beispiel:
ELEVENTY_ENV=prod npm --node-options ' --max_old_space_size=8192 ' run buildWenn Sie eine Pull -Anfrage senden, wird sie automatisch für Sie inszeniert. Halten Sie Ausschau nach dem Netlify -Bot, um die Pull -Anfrage mit Ihrer eindeutigen URL zu kommentieren.
Die Site erstellt und bereitet die Hauptzweigung automatisch jede Stunde, Mon-Fr. Wenn Sie gerade einen Artikel verschmolzen haben, sollte er an der Spitze der nächsten Stunde live gehen.
Um die Website manuell bereitzustellen, müssen Sie Mitglied eines dieser Google -Teams sein:
HINWEIS: Web.dev Auto bereitstellt jede Stunde, wenn es in der main ein neues Komitee gibt. Manuelle Bereitstellungen sollten nur auftreten, wenn ein Build ausfällt oder wenn automatische Bereitstellungen deaktiviert sind.
Wenn Sie den Erstellungsprozess der Website debuggen:
.eleventy.js eine debugger -Erklärung hinzunpm run debug:eleventyabout://inspect , um an den Laufprozess zu binden. 