Vite.JS چیست و چرا باید به آن اهمیت دهید؟

سازنده Vue.js ابزار جدیدی به نام Vite.js را ارائه کرد. او آن را نسل بعدی ابزارهای frontend می نامد. یک ابزار ساخت که از یک سرور توسعه دهنده تشکیل شده است که کد شما را برای production باندل می کند.

و Vite.js به توسعه دهندگان این امکان را می دهد که یک محیط توسعه برای فریمورک هایی مانند Vue و React و حتی برای برنامه Vanilla JavaScript با یک dev server راه اندازی کنند. Vite به صورت داخلی از Rollup.js برای bundling پشتیبانی می‌کند.

یک ابزار ساخت

در نهایت Vite.js یک ابزار ساخت سریع را با API بسیار قابل تنظیم با استفاده از افزونه ها ارائه می دهد. علاوه بر این، Vite.js از بسیاری از کتابخانه های front-end محبوب مانند Preact، React، Vue.js و Vanilla JavaScript را پشتیبانی می کند.

Vite JS چیست و چرا باید به آن اهمیت دهید؟

در واقع، Vite برای Vue Single File Components (SFC) به عنوان یک سرور توسعه، توسعه داده شد. اما با گذشت زمان، Vite تکامل یافته و به یک سرور توسعه جاوا اسکریپت no-bundle شده است. اکنون Vite از اکثر framework های وب پشتیبانی می کند. علاوه بر این، گردش کار سریع‌ترو روان‌تر را برای توسعه برنامه‌های کاربردی وب مدرن ارائه می‌دهد. به طور خلاصه، Vite شبیه Vue CLI است اما سریعتر.

نام "Vite" از کلمه فرانسوی "Fast" گرفته شده است که "Vit" تلفظ می شود.

به‌عنوان یک توسعه‌دهنده، در حین توسعه یک برنامه وب، ممکن است هنگام ایجاد تغییرات با زمان زیادی برای بارگذاری برنامه مواجه شده باشید. Vite سرعت FeedBack Loop را در طول توسعه افزایش می دهد و آن را فوق العاده سریع می کند.

به طور رسمی، Vite.js به باندلر Svelte و Vue تبدیل شده است. بنابراین، در میان جامعه توسعه دهندگان محبوبیت پیدا کرده است و به رقیبی سرسخت برای سایر فریم ورک های فرانت اند معروف مانند Lit و React تبدیل شده است.

آخرین نسخه Vite.js

یک محیط جاوا اسکریپت no-bundling ویژگی‌های جدید بسیاری را ارائه می‌دهد. Vite 2.0 که در 16 فوریه 2021 منتشر شد، یک معماری کاملاً بازطراحی شده، پشتیبانی درجه یک CSS، یک سیستم افزونه جدید و بسیاری موارد دیگر را ارائه می دهد.

Vite JS چگونه کار می کند؟

پشتیبانی مرورگر برای ماژول های ES6 معمولا زمانی که ماژول های ES در ابتدا در ES2016 معرفی شدند ضعیف بود. در نتیجه، بسیاری از مرورگرهای فعلی اکنون ماژول‌های ES را به صورت بومی پشتیبانی می‌کنند و به شما امکان می‌دهند از دستورات import و export به‌صورت بومی استفاده کنید. همچنین، می‌توانید با مشخص کردن اینکه در حال import کردن یک ماژول با استفاده از ویژگی type+”module” در تگ اسکریپت خود، Import را در HTML خود وارد کنید:

<script type=&quotmodule&quot src=&quotfilename.js&quot> 

این مقاله برگردان کوچکی از مقاله radixWeb بود،برای اطلاعات بیشتر داکیومنت رسمی vite رو پیشنهاد میکنم