web.dev

web.dev [أرشفة]

ملاحظة: يتم ترحيل هذا الموقع إلى منصة جديدة ويتوفر هذا المستودع في وضع القراءة فقط. لن ندمج طلبات سحب جديدة . يرجى رفع مشكلات المحتوى في تعقب العدد الجديد.

Web.dev هو المورد النهائي للمطورين من جميع الخلفيات للتعلم وإنشاء وحل على الويب. من المفترض ليس فقط تثقيف المطورين ، ولكن ساعدهم على تطبيق ما تعلموه على أي موقع يعملون عليه ، سواء كان ذلك شخصيًا أو عملًا.

---

[ريدمي المؤرشفة]

بناء الموقع؟

ستحتاج إلى إصدار حديث من Node: V14 (LTS) أو أعلى. للتحقق من إصدار العقدة الخاص بك Run node -v في المحطة الخاصة بك.

إذا لم يكن لديك عقدة ، أو إذا كنت بحاجة إلى الترقية ، فإننا نوصي باستخدام Node Version Manager (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 ، على الرغم من أن تكوين موقعنا المرتفع سيؤدي إلى "Dev" إذا لم يتم تحديده.

يتطلب بناء الإنتاج حاليًا الكثير من الذاكرة ، لدرجة أن 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 الفريد.

نشر الموقع

النشر التلقائي

سيقوم الموقع ببناء ونشر الفرع الرئيسي تلقائيًا كل ساعة ، Mon-FRI. إذا قمت للتو بدمج مقال ، فيجب أن تسير على الهواء مباشرة في الجزء العلوي من الساعة التالية.

يدوي ينشر

لنشر الموقع يدويًا ، ستحتاج إلى أن تكون عضوًا في أحد فرق Google هذه:

• web.dev-eng
• Web.dev- مالكي

1. انتقل إلى صفحة مشغلات البناء السحابية.
2. انقر فوق الزر "تشغيل" للدفاع المسمى Deploy .
3. في الدرج الجانبي الذي يفتح ، انقر فوق زر تشغيل التشغيل للحصول على المشغل للفرع الرئيسي .

ملاحظة: ينشر Web.Dev Auto كل ساعة إذا كان هناك التزام جديد في الفرع main . يجب أن تحدث عمليات النشر اليدوية فقط عند فشل البناء أو إذا تم تعطيل عمليات النشر التلقائية.

تصحيح الأخطاء؟

إذا كنت بحاجة إلى تصحيح عملية بناء الموقع:

1. أضف بيان debugger إلى .eleventy.js
2. Run npm run debug:eleventy
3. انتقل إلى about://inspect أن نعلق على عملية الجري.