فهرست مطالب:

آیا react از Webpack استفاده می کند؟
آیا react از Webpack استفاده می کند؟

تصویری: آیا react از Webpack استفاده می کند؟

تصویری: آیا react از Webpack استفاده می کند؟
تصویری: Webpack 5 Crash Course | راه اندازی توسعه Frontend 2024, ممکن است
Anonim

واکنش نشان دهید به بابل یا "نیازی" ندارد بسته وب اما کتابخانه بر اساس مفهوم ساخته شده است استفاده كردن نحو جاوا اسکریپت ES6 و JSX (در اصل HTML در JS). بسته وب جدا از واکنش نشان دهید اما معمولاً در واکنش نشان دهید پروژه ها به دلایلی که MattYao ذکر کرد.

به همین ترتیب، آیا ایجاد برنامه react از Webpack استفاده می کند؟

استفاده از Create React App ایجاد React App استفاده می کند بسته وب و Babel در زیر کاپوت، اما فقط فایل هایی را تولید می کند که برای کار روی خود نیاز دارید واکنش نشان دهید پروژه اگر ساخته اید واکنش نشان دهید برنامه‌های قبلی، به فایل‌های پیکربندی دسترسی نخواهید داشت بسته وب ، Babel، ESLint، و غیره. به این ترتیب، شما بر روی ساختن خود تمرکز می کنید برنامه.

به همین ترتیب، چگونه یک Webpack را اجرا کنم، واکنش نشان می دهد؟ مرحله 2: Babel و Webpack را راه اندازی کنید

  1. یک خط فرمان باز کنید و (cd) را به دایرکتوری es6-tutorial-react بروید.
  2. برای ایجاد فایل package.json دستور زیر را تایپ کنید: npm init.
  3. برای نصب ماژول‌های react و react-dom دستور زیر را تایپ کنید: npm install react-dom --save-dev.

علاوه بر موارد فوق، چرا از Webpack در react استفاده می کنیم؟

نه تنها می‌تواند ترکیب و کوچک‌سازی فایل‌های جاوا اسکریپت و CSS، بلکه سایر دارایی‌ها مانند فایل‌های تصویری (اسپریتینگ) را نیز از طریق استفاده کنید از افزونه ها بسته وب می تواند باشد استفاده شده به عنوان جایگزینی برای کاست یا ASP. NET Combination and Minification.

چگونه یک Webpack به ReactJS اضافه کنم؟

نصب ReactJS با استفاده از webpack و babel

  1. مرحله 1 - پوشه ریشه را ایجاد کنید.
  2. مرحله 2 - React و react dom را نصب کنید.
  3. مرحله 3 - بسته وب را نصب کنید.
  4. مرحله 4 - babel را نصب کنید.
  5. مرحله 5 - فایل ها را ایجاد کنید.
  6. مرحله 6 - کامپایلر، سرور و لودرها را تنظیم کنید.
  7. مرحله 7 - فهرست.
  8. مرحله 8 - برنامه

توصیه شده: