Unduh web.dev - Unduh Kode Sumber web.dev

web.dev

Data situs web

1.0.0

Unduh

web.dev [diarsipkan]

Catatan: Situs ini dimigrasi ke platform baru dan repositori ini tersedia dalam mode baca saja. Kami tidak akan menggabungkan permintaan tarikan baru . Harap angkat masalah konten di pelacak edisi baru.

Web.dev adalah sumber daya utama bagi pengembang dari semua latar belakang untuk mempelajari, membuat, dan menyelesaikan di web. Ini dimaksudkan untuk tidak hanya mendidik pengembang, tetapi membantu mereka menerapkan apa yang telah mereka pelajari ke situs mana pun yang mereka kerjakan, baik itu pribadi atau bisnis.

[Diarsipkan Readme]

Membangun situs?

Anda akan memerlukan versi Node terbaru: V14 (LTS) atau lebih tinggi. Untuk memeriksa versi node Anda, jalankan node -v di terminal Anda.

Jika Anda tidak memiliki Node, atau jika Anda perlu meningkatkan, kami sarankan menggunakan Node Version Manager (NVM).

Kloning repo

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

Ubah direktori ke dalam folder yang dibuat

 cd web.dev

Instal dependensi

npm ci

Mulailah server lokal untuk melihat pratinjau situs

npm run dev

Buka http://localhost:8080/ untuk melihat situs secara lokal. Perubahan aset akan membangun kembali situs tersebut. Segarkan untuk melihat perubahan Anda.

Siapkan Bendera Bendera

Membangun seluruh situs bisa memakan waktu beberapa saat karena sekitar seribu halaman. Jika Anda ingin mempercepat waktu pembangunan Anda secara besar -besaran , kami sarankan mengatur beberapa bendera build untuk mengabaikan bagian tertentu.

Buat file .env di root proyek Anda
Tambahkan yang berikut:

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

Lingkungan?

Set ELEVENTY_ENV=prod untuk memaksa produksi build. Ini adalah default saat menjalankan "panggung" atau "Deploy". Tidak ada opsi lain untuk ELEVENTY_ENV yang didukung, meskipun Eleventy Site Config kami akan default untuk 'dev' jika tidak ditentukan.

Bangunan produksi saat ini membutuhkan banyak memori, ke titik di mana node mungkin keluar dengan kesalahan di sepanjang garis

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]

Jumlah pasti ruang tumpukan yang diperlukan bervariasi dari komputer ke komputer dan versi node . Jika Anda memerlukan pembangunan produksi lokal, tetapi kehabisan memori, Anda dapat meningkatkan ukuran tumpukan dengan menambahkan --node-options '--max_old_space_size=8192' (untuk menetapkan 8GB ruang heap) ke perintah npm , sebelum run . Misalnya:

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

Memanggungkan ?

Saat Anda mengirimkan permintaan tarik, itu akan dipentaskan secara otomatis untuk Anda. Mengawasi bot Netlify untuk mengomentari permintaan tarik dengan URL unik Anda.

Menyebarkan situs

Penyebaran otomatis

Situs ini akan membangun dan menggunakan cabang utama secara otomatis setiap jam, Senin-Jumat. Jika Anda baru saja menggabungkan artikel maka itu harus ditayangkan di puncak jam berikutnya.

Penyebaran manual

Untuk menggunakan situs secara manual, Anda harus menjadi anggota dari salah satu tim Google ini:

Web.Dev-Eng
Web.Dev-Owners

Arahkan ke halaman Build Cloud Build.
Klik tombol Jalankan untuk pemicu bernama Deploy .
Di laci samping yang terbuka, klik tombol Run Trigger untuk pemicu untuk cabang utama .

Catatan: Web.Dev Auto Deploys setiap jam jika ada komit baru di cabang main . Penyebaran manual hanya terjadi ketika bangunan gagal atau jika penyebaran otomatis dinonaktifkan.