Next.js: حوالي 50٪ بايت غير مستخدم في app.js مع تغطية Chrome Dev Tools

الأداة المساعدة لتغطية كود Chrome Dev Tools

-

في الإنتاج بالطبع.

-

بصرف النظر عن CSS (المرة الأولى التي تستخدم فيها styled-jsx وستحتاج إلى تحسين تصميم الأنماط المشتركة أو استخدام شيء مثل styletron ) - هل أسأت فهم ميزة تقسيم الكود التلقائي؟

لإعطاء بعض السياق ، أستخدم المكوّن الإضافي (HOC) لالتفاف كل صفحة ، وأقوم بتمرير كل من الأساليب والدعائم التي لا يتم استخدامها بالضرورة بواسطة كل صفحة. بالإضافة إلى ذلك: ربما أكون مهملاً هنا وهناك مع بعض الواردات ؛ أستخدم re-base الذي يستورد حاليًا كل Firebase (ليس ضروريًا في حالة الاستخدام الخاصة بي).

هل من المحتمل أن أمزج بين automatic code splitting لـ webpack مع static analysis and tree shaking a là rollup؟ لو ذلك،

1. هل يجب على التالي إجراء اهتزاز الشجرة وإزالة الشفرة الميتة؟

2. إذا لم يكن كذلك ، فهل لديك أي اقتراحات بشأن كيفية التعامل مع هذه المشكلة وحلها؟ لا يمكن تصدير نتائج تغطية Chrome Dev Tools

3. هل سيكون استخدام شيء مثل webpack-rollup-loader ممكنًا وله معنى؟

4. هل يمكن أن يؤدي أي من هذا إلى تحسينات للطريقة الرائعة التي يعمل بها Next؟

شكرا!