فيديو: ما هو Devtool في Webpack؟
2024 مؤلف: Lynn Donovan | [email protected]. آخر تعديل: 2023-12-15 23:43
Devtool . يتحكم هذا الخيار في كيفية إنشاء خرائط المصدر وكيفية إنشائها. استخدم SourceMapDevToolPlugin للحصول على تكوين أكثر دقة. راجع أداة تحميل خريطة المصدر للتعامل مع خرائط المصدر الحالية.
وفقًا لذلك ، ما هو Sourcemap في Webpack؟
بمعنى ما ، خرائط المصدر هي حلقة فك الترميز لشفرتك السرية (المصغرة). استخدام حزمة الويب ، مع تحديد devtool: "source-map" في ملف حزمة الويب سيتيح config خرائط المصدر ، و حزمة الويب سيخرج تعليمة sourceMappingURL في ملفك النهائي المصغر.
بعد ذلك ، السؤال هو ، ما هو Webpack دمج؟ حزمة الويب - دمج يوفر أ دمج وظيفة تسلسل المصفوفات وتدمج الكائنات لإنشاء كائن جديد. كلما احتجت إلى ذلك دمج كائنات التكوين ، حزمة الويب - دمج يمكن أن تكون في متناول يدي. هناك أيضا حزمة الويب محدد دمج المتغير المعروف باسم دمج.
فيما يتعلق بهذا ، ما هو Webpack المستخدمة؟
حزمة الويب عبارة عن مجمّع وحدة ثابتة لتطبيقات JavaScript - يأخذ كل التعليمات البرمجية من تطبيقك ويجعلها قابلة للاستخدام في متصفح الويب. الوحدات عبارة عن أجزاء قابلة لإعادة الاستخدام من التعليمات البرمجية تم إنشاؤها من JavaScript في التطبيق الخاص بك ، ووحدات node_modules ، والصور ، وأنماط CSS التي يتم تجميعها بسهولة مستعمل في موقع الويب الخاص بك.
كيف تعمل خرائط الموارد؟
كيف مصدر عمل الخرائط . كما يوحي الاسم ، تتكون خريطة المصدر من مجموعة كاملة من المعلومات التي يمكن استخدامها لتعيين الكود داخل ملف مضغوط إلى مصدره الأصلي. يمكنك تحديد خريطة مصدر مختلفة لكل ملف من ملفاتك المضغوطة.
موصى به:
هل تتفاعل باستخدام Webpack؟
لا تحتاج React إلى babel أو webpack ، لكن المكتبة مبنية على مفهوم استخدام صيغة جافا سكريبت ES6 و JSX (أساسًا HTML في JS). يعد Webpack منفصلًا عن React ولكنه شائع الاستخدام في مشاريع React للأسباب التي ذكرها MattYao