جدول المحتويات:

هل تتفاعل باستخدام Webpack؟
هل تتفاعل باستخدام Webpack؟

فيديو: هل تتفاعل باستخدام Webpack؟

فيديو: هل تتفاعل باستخدام Webpack؟
فيديو: Полный курс React JS для начинающих - Изучи Реакт за 2 часа! +таймкоды 2024, يمكن
Anonim

تتفاعل لا تحتاج "بابل" أو حزمة الويب لكن المكتبة مبنية على مفهوم استخدام بناء جملة جافا سكريبت ES6 و JSX (بشكل أساسي HTML في JS). حزمة الويب منفصل عن تتفاعل ولكنها شائعة الاستخدام في تتفاعل مشاريع لأسباب ذكرها MattYao.

وبالمثل ، هل إنشاء تطبيق تفاعل يستخدم Webpack؟

باستخدام Create React App قم بإنشاء تطبيق React الاستخدامات حزمة الويب و Babel تحت الغطاء ، لكنه يولد فقط الملفات التي تحتاجها للعمل على ملفات تتفاعل مشروع. إذا كنت قد بنيت تتفاعل التطبيقات من قبل ، فلن تتمكن من الوصول إلى ملفات التكوين الخاصة بـ حزمة الويب و Babel و ESLint وما إلى ذلك. وبهذه الطريقة ، فإنك تركز فقط على بناء ملف تطبيق.

وبالمثل ، كيف يمكنني تشغيل تفاعل Webpack؟ الخطوة الثانية: إعداد Babel و Webpack

  1. افتح موجه الأوامر ، وانتقل (cd) إلى دليل es6-tutorial-response.
  2. اكتب الأمر التالي لإنشاء ملف package.json: npm init.
  3. اكتب الأمر التالي لتثبيت وحدتي رد فعل و رد فعل دوم: npm install reaction reaction-dom --save-dev.

بجانب ما سبق ، لماذا نستخدم Webpack في التفاعل؟

يمكنه التعامل ليس فقط مع تجميع وتصغير ملفات JavaScript و CSS ، ولكن أيضًا مع الأصول الأخرى مثل ملفات الصور (spriting) من خلال استعمال من المكونات الإضافية. حزمة الويب يمكن ان يكون تستخدم كبديل للكاسيت أو ASP. NET Combination and Minification.

كيف أضيف Webpack إلى ReactJS؟

تثبيت ReactJS باستخدام webpack و babel

  1. الخطوة 1 - قم بإنشاء مجلد الجذر.
  2. الخطوة 2 - تثبيت React والتفاعل dom.
  3. الخطوة 3 - تثبيت حزمة الويب.
  4. الخطوة 4 - تثبيت برنامج بابل.
  5. الخطوة 5 - إنشاء الملفات.
  6. الخطوة 6 - تعيين المترجم والخادم واللوادر.
  7. الخطوة 7 - الفهرس.
  8. الخطوة 8 - التطبيق.

موصى به: