Vite ಅನ್ನು ಸರಳಗೊಳಿಸುವುದು
Webpack ಅಥವಾ Create React App ನಂತಹ ಹಳೆಯ ಪರಿಕರಗಳು ಮೊದಲು ನಿಮ್ಮ ಇಡೀ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಬಂಡಲ್ ಮಾಡುವ ಮೂಲಕ ಕೆಲಸ ಮಾಡುತ್ತವೆ. ಈ ಪರಿಕರವು ಪ್ರತಿಯೊಂದು ಫೈಲ್ ಅನ್ನು ಓದುತ್ತದೆ ಮತ್ತು ಅವುಗಳನ್ನು ಒಂದು ದೊಡ್ಡ JavaScript ಫೈಲ್ ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ. ಇದು ಸಣ್ಣ ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಆದರೆ ದೊಡ್ಡ ಪ್ರಾಜೆಕ್ಟ್ಗಳಲ್ಲಿ ಇದು ವಿಫಲವಾಗುತ್ತದೆ. ದೊಡ್ಡ ಪ್ರಾಜೆಕ್ಟ್ಗಳಲ್ಲಿ, ಈ ಪ್ರಕ್ರಿಯೆಯು ಅನೇಕ ಸೆಕೆಂಡುಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. ನೀವು ಪ್ರತಿ ಬಾರಿ ಫೈಲ್ ಅನ್ನು ಸೇವ್ ಮಾಡಿದಾಗಲೂ, ಪರಿಕರವು ಆ ಕೆಲಸದ ಹೆಚ್ಚಿನ ಭಾಗವನ್ನು ಮತ್ತೆ ಮಾಡಬೇಕಾಗುತ್ತದೆ.
Vite ವಿಭಿನ್ನವಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳು ES modules ಅನ್ನು ನೇರವಾಗಿ (natively) ಬೆಂಬಲಿಸುತ್ತವೆ. ಇದರರ್ಥ ಬ್ರೌಸರ್ ತನ್ನಷ್ಟಕ್ಕೆ ತಾನೇ imports ಮತ್ತು exports ಅನ್ನು ನಿರ್ವಹಿಸಬಲ್ಲದು. Vite ಅಭಿವೃದ್ಧಿಯ ಸಮಯದಲ್ಲಿ (development) ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಬಂಡಲ್ ಮಾಡುವುದಿಲ್ಲ. ಬ್ರೌಸರ್ ಕೇಳಿದಾಗ ಮಾತ್ರ ಅದು ಪ್ರತಿಯೊಂದು ಫೈಲ್ ಅನ್ನು ಪ್ರತ್ಯೇಕ ಮಾಡ್ಯೂಲ್ ಆಗಿ ನೀಡುತ್ತದೆ.
ಒಂದು ಬಫೆ (buffet) ರೆಸ್ಟೋರೆಂಟ್ ಅನ್ನು ನೆನಪಿಸಿಕೊಳ್ಳಿ. ಬಾಗಿಲುಗಳನ್ನು ತೆರೆಯುವ ಮೊದಲು ಶೆಫ್ ಎಲ್ಲಾ ಖಾದ್ಯಗಳನ್ನು ತಯಾರಿಸುತ್ತಾರೆ. ನೀವು ಒಂದು ಸಣ್ಣ ಬದಲಾವಣೆ ಬಯಸಿದರೆ, ಶೆಫ್ ಇಡೀ ಬಫೆ ಅನ್ನೇ ಮತ್ತೆ ತಯಾರಿಸಬೇಕಾಗುತ್ತದೆ. Webpack ಹೀಗೆಯೇ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಪ್ರಾಜೆಕ್ಟ್ ಎಷ್ಟು ದೊಡ್ಡದಿದೆಯೋ, ನೀವು ಅಷ್ಟು ಹೆಚ್ಚು ಸಮಯ ಕಾಯಬೇಕಾಗುತ್ತದೆ.
Vite ಒಂದು à la carte ರೆಸ್ಟೋರೆಂಟ್ ಇದ್ದಂತೆ. ಬಾಗಿಲುಗಳು ತಕ್ಷಣವೇ ತೆರೆಯುತ್ತವೆ. ನೀವು ಒಂದು ಖಾದ್ಯವನ್ನು ಆರ್ಡರ್ ಮಾಡುತ್ತೀರಿ. ಶೆಫ್ ಕೇವಲ ಆ ಖಾದ್ಯವನ್ನು ಮಾತ್ರ ತಯಾರಿಸುತ್ತಾರೆ. ನಿಮಗೆ ನಂತರ ಸಿಹಿ ತಿಂಡಿ (dessert) ಬೇಕಿದ್ದರೆ, ಶೆಫ್ ಕೇವಲ ಸಿಹಿ ತಿಂಡಿಯನ್ನು ಮಾತ್ರ ತಯಾರಿಸುತ್ತಾರೆ. ಇಡೀ ಮೆನು ಸಿದ್ಧವಾಗುವವರೆಗೆ ನೀವು ಕಾಯಬೇಕಾಗಿಲ್ಲ.
Vite ಎರಡು ವಿಭಿನ್ನ ಅಗತ್ಯಗಳಿಗಾಗಿ ಎರಡು ವಿಭಿನ್ನ ತಂತ್ರಗಳನ್ನು ಬಳಸುತ್ತದೆ:
Development (vite dev) • ತಂತ್ರ: ಬಂಡಲ್ ಮಾಡದೆ native ESM ಮಾಡ್ಯೂಲ್ಗಳನ್ನು ನೀಡುತ್ತದೆ. • ಪ್ರಾರಂಭದ ವೇಗ: ತಕ್ಷಣವೇ. ಇದು ಪ್ರಾಜೆಕ್ಟ್ ಗಾತ್ರದ ಮೇಲೆ ಅವಲಂಬಿತವಾಗಿಲ್ಲ. • ಏಕೆ: ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಸ್ಥಳೀಯ (Local) HTTP ರಿಕ್ವೆಸ್ಟ್ಗಳು ವೇಗವಾಗಿರುತ್ತವೆ.
Production (vite build) • ತಂತ್ರ: Rolldown ಬಳಸಿ ಎಲ್ಲವನ್ನೂ ಬಂಡಲ್ ಮಾಡುತ್ತದೆ. • ಪ್ರಾರಂಭದ ವೇಗ: ಪ್ರಾಜೆಕ್ಟ್ ಗಾತ್ರದೊಂದಿಗೆ ಸಮಯ ಹೆಚ್ಚಾಗುತ್ತದೆ. • ಏಕೆ: ನೂರಾರು ಪ್ರತ್ಯೇಕ ಫೈಲ್ಗಳು ಬಳಕೆದಾರರಿಗೆ ಅತಿಯಾದ HTTP ರಿಕ್ವೆಸ್ಟ್ಗಳನ್ನು ಉಂಟುಮಾಡುತ್ತವೆ. ಬಂಡಲಿಂಗ್ ಇದನ್ನು ಸರಿಪಡಿಸುತ್ತದೆ.
ನೀವು ಕೋಡ್ ಮಾಡುವಾಗ Vite ವೇಗವನ್ನು ನೀಡುತ್ತದೆ ಮತ್ತು ಲಾಂಚ್ ಮಾಡುವಾಗ ದಕ್ಷತೆಯನ್ನು ನೀಡುತ್ತದೆ.