] वर्षों के लिए, लारवेल मिक्स ने इस प्रक्रिया को सुव्यवस्थित किया, लेकिन जैसे -जैसे जावास्क्रिप्ट उपकरण विकसित हुए, लारवेल ने लारवेल 11 में डिफ़ॉल्ट के रूप में विट के लिए संक्रमण किया है।

तो लारवेल ने यह स्विच क्यों बनाया है?

---

प्रदर्शन और गति

VITE दो मुख्य चीजों पर केंद्रित है: विकास की गति और उत्पादन प्रदर्शन। यदि आप बिल्ड के लिए इंतजार करते हुए थक गए हैं, तो Vite की त्वरित प्रतिक्रिया ताजी हवा की सांस की तरह लगेगी।

हॉट मॉड्यूल रिप्लेसमेंट (HMR)

के साथ, VITE का विकास सर्वर वास्तविक समय में परिवर्तन करता है, इसलिए आप तुरंत अपडेट देख सकते हैं, बिना पूरे पेज रिफ्रेश के। यह तत्काल प्रतिक्रिया एक तेज, अधिक सुखद विकास अनुभव बनाता है।

लारवेल मिक्स इस दृष्टिकोण का उपयोग करता है, और इसके लिए महत्वपूर्ण प्रारंभिक बंडलिंग समय की आवश्यकता होती है, जिसके परिणामस्वरूप सर्वर तैयार होने से पहले देरी होती है।

यह ईएसएम-आधारित दृष्टिकोण विकास में बहुत तेज है, क्योंकि यह पूर्ण बंडलिंग प्रक्रिया से बचता है। VITE इस दृष्टिकोण का उपयोग करता है, जिससे डेवलपर्स को पूर्ण बंडल की प्रतीक्षा किए बिना तुरंत परिवर्तन देखने की अनुमति मिलती है।

(चित्र VITE के आधिकारिक प्रलेखन से हैं)

उत्पादन के लिए, VITE अपने बंडलर के रूप में रोलअप का उपयोग करता है, तेजी से प्रदर्शन सुनिश्चित करने के लिए अपने कोड को अनुकूलित और मिनिफ़ाइंग करता है। यह VITE को दोनों दुनिया के सर्वश्रेष्ठ की पेशकश करने की अनुमति देता है: कोडिंग के दौरान गति के लिए कोई बंडल विकास और अनुकूलित उत्पादन बिल्ड के लिए पारंपरिक बंडलिंग।

आधुनिक जावास्क्रिप्ट समर्थन ]

रोलअप

का लाभ उठाकर, VITE अनुकूलित उत्पादन बंडलों का उत्पादन करता है, अप्रयुक्त कोड को अलग करता है और आवश्यकतानुसार परिसंपत्तियों को विभाजित करता है। इसके परिणामस्वरूप छोटे, तेज-लोडिंग बंडल होते हैं जो आपके ऐप के प्रदर्शन को बढ़ाते हैं।

बढ़ाया डेवलपर अनुभव VITE की कॉन्फ़िगरेशन प्रक्रिया ताज़ा है। WebPack के विपरीत, जहां कॉन्फ़िगरेशन घने और जटिल हो सकते हैं, vite का vite.config.js फ़ाइल पढ़ना और अनुकूलित करना आसान है, भले ही आपके पास व्यापक बंडलर अनुभव न हो। ] चूंकि ये फ्रेमवर्क VITE के HMR और अनुकूलित विकास वातावरण से भी लाभान्वित होते हैं, आप फ्रंट-एंड-भारी लारवेल परियोजनाओं पर अधिक कुशलता से काम कर सकते हैं।

भविष्य के प्रूफिंग और सामुदायिक गोद लेना ] यह एक बड़े, सक्रिय समुदाय के साथ व्यापक रूप से अपनाया और समर्थित है, जो चल रहे सुधार और प्लगइन्स के एक समृद्ध संसाधन लाता है। Vite का डिज़ाइन अच्छी तरह से संरेखित करता है जहां फ्रंट-एंड डेवलपमेंट का नेतृत्व किया जाता है, जिससे यह एक स्मार्ट विकल्प बन जाता है यदि आप अपनी परियोजना को भविष्य में प्रूफ करना चाहते हैं। ]

लार्वा एकीकरण

] @Vite ('संसाधन/css/app.css') के साथ, आप बासी कैश मुद्दों के बारे में चिंता किए बिना अपनी CSS फ़ाइल को लिंक कर सकते हैं।

]

] '@vitejs/plugin-vue' से आयात vue; डिफ़ॉल्ट डिफ़ॉल्ट DefeconFig ({{ प्लगइन्स: [vue ()], });

और फिर ब्लेड में:

@vite ('संसाधन/css/app.css')

हैलो, vite!

शरीर>