نحوه استفاده از ابزار Vite Build با React

عکس پروفایل Nico Hacker Noon

@توصیف کردننیکو

مهندس نرم افزار ساکن بلژیک ، من با JS کار می کنم ، دوست دارم با Rust کمانچه کنم.

اگر هنوز چیزی در مورد آن نشنیده اید ، Vite ابزاری جدید برای ساخت برنامه های پیش رو است (ایجاد شده توسط Evan You ، خالق Vue.js) این کار تقریباً شبیه Webpack و Parcel است اما سریعتر (در فرانسه “vite” به معنی سریع است).

Vite از ساختار شگفت انگیز پشت صحنه استفاده می کند. esbuild یک بسته نرم افزاری جاوا اسکریپت (و TypeScript) است که در Golang نوشته شده است که یکی از دلایل سریع بودن آن است.

اغلب هنگام ساخت یک پروژه جدید با React ، توصیه می شود از ابتدا شروع کنید ایجاد-واکنش-برنامه. اما حالا که Vite اینجا است ، شما می توانید به راحتی یک پروژه جدید را از ابتدا راه اندازی کنید ، زیرا پیکربندی Vite بسیار ساده است.

قبل از شروع ، شما باید Node.js و NPM را نصب کنید (همراه با Node.js) اگر قبلاً این کار را نکرده اید. من در این راهنما از NPM استفاده خواهم کرد اما اگر نخ یا PNPM را ترجیح می دهید ، در صورت تمایل از آن استفاده کنید.

ترمینال خود را باز کرده و یک فهرست جدید ایجاد کنید:

داخل آن فهرست حرکت کنید:

شروع پروژه npm:

پس از اجرای دستورات باید یک داشته باشید pack.json داخل پوشه ایجاد شده جدید وارد شوید.

وابستگی های پایه مورد نیاز برای این پروژه را اضافه کنید:

npm install --save react react-dom

و وابستگی های توسعه:

npm install --save-dev vite @vitejs/plugin-react-refresh

( @ vitejs / پلاگین-واکنش-تازه کردن کتابخانه خواهد بود …

سئو PBN | خبر های جدید سئو و هک و سرور