ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-24, Friday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

Create React App සහ Tailwind v4 ගැටලුව: Vite වෙත මාරු කිරීමේ තීරණය

Create React App සහ Tailwind v4 ගැටලුව: Vite වෙත මාරු කිරීමේ තීරණය

React පදනම් ව්‍යාපෘති සකස් කිරීමේ ජනප්‍රිය CLI එකක් වන react‑clean‑start වෙත Tailwind CSS එකතු කිරීමේ උත්සාහයක් මේ සතියේ ආරම්භ වුණා. නවතම UI ලයිබ්‍රරියක් එක්කලේ ඉක්මනින් වැඩේ සම්පූර්ණ වෙනවා කියලා අපේක්ෂා කළා.

Vite සමඟ ඒකලේ ඉතා සාර්ථකව ක්‍රියා කළා. පැයකට අඩුවෙන් සැකසූ සැට් එක සම්පූර්ණයෙන්ම ධාවනය වුණා. එහෙත් Create React App (CRA) වෙත ගමන් කරලා බලන විට ගැටළුවක් මුහුණ දුන්නා. Tailwind v4, @tailwindcss/postcss භාවිතා කරලා ඉදිරියට යන්න උත්සාහ කළා, නමුත් CSS සම්පූර්ණයෙන්ම ලෝඩ් නොවුණා.

ඉන්පසු Tailwind 3 වෙත පසුබැසීම, tailwind.config.js එකක් එක් කිරීම, පැරණි @tailwind ඩිරෙක්ටිව්ස් භාවිතා කිරීම වැනි ක්‍රම අනුගමනය කළා. කෙලින්ම ක්‍රියා කරන්නේ සමහර වෙලාවට, නමුත් බොහෝ වෙලාවට නැත. එකම පැකේජ සංස්කරණය නැවත ස්ථාපනය කළාම හදිසි ලෙස වැඩේ යළි හරි වුණා, පසුදා ඒක නැවත බිඳ ගියා.

අවසන් වරට, සෑදූ ව්‍යාපෘතියක් හස්තකර්මයෙන් සකස් කළ එකක් සමඟ ගොනු එකතු-බෙදා බැලීම, සියලු සැකසුම් පරීක්ෂා කිරීම – ඒත් ප්‍රතිඵල එකම. යෙදුම ධාවනය වුවත් Tailwind CSS කිසිදු රූපයක් පෙන්වන්නේ නැතිව පෙනුම අඩු වුණා. එක සතියක් ගත කරලා ගැටලුවේ මූලික හේතුව හඳුනා ගැනීමට නොහැකි වූ නිසා, ලේඛකයා තීරණයක් ගත්තේ CRA + Tailwind සංයෝගය තවදුරටත් සහාය නොදීමයි.

ඉතින් දැන් react‑clean‑start හි Vite සඳහාම සහාය පමණක් ඇත, CRA සමඟ Tailwind භාවිතය අනුමත නොකළ බව ප්‍රථමයෙන්ම දැන්වීමක් එක් කර ඇත. එමඟින් භාවිත者න්ට අසත්‍ය ගැටළුවකට සතියක් වැය කිරීමේ අවශ්‍යතාව නැත.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ තාක්ෂණික අධ්‍යාපනයේ සහ ව්‍යාපාරික සංවර්ධනයේ, නවතම බන්ඩල්කරුවන් (Vite, ESBuild) වෙත මාරු වීම ඉතා වැදගත්. මෙය සිසුන්ට අධික වේගයේ ප්‍රොජෙක්ට් සැකසීමේ හැකියාව, වැඩි නිෂ්පාදන කාලය, සහ අඩු දෝෂ සංඛ්‍යාව ලබා දේ.

  • වේගවත් ඉගෙනීම: Vite මූලික සැකසුම් අඩු කර, ඉක්මනින් ප්‍රොජෙක්ට් එකක් ආරම්භ කළ හැකිය.
  • කාර්යක්ෂම වැඩපිළිවෙළ: CRA වැනි පරණ මෙවලම් අඩු වීම නිසා, සංවර්ධකයන්ට නවතම JavaScript සහ CSS විශේෂතා භාවිතා කිරීම පහසු වේ.
  • ව්‍යාපාරික ආකර්ෂණය: වේගවත් බිල්ඩ් කාලය සහ අඩු බග් ප්‍රමාණය නිසා, වෙබ් යෙදුම් පාරිභෝගිකයන්ට වේගවත් අත්දැකීමක් ලබා දෙයි.

ඒ නිසා, ශ්‍රී ලංකාවේ තාක්ෂණික සමාජය, විශ්වවිද්‍යාල සිසුන්, සහ ස්ථානීය ආයතන මේ මාරුවෙන් ප්‍රයෝජනයට ගත හැකිය. නවතම මෙවලම් පිළිබඳ දැනුම ගොඩනැගීම, රැකියා අවස්ථා වැඩි කිරීම, සහ දේශීය තාක්ෂණික පරිසරය තවත් ශක්තිමත් කිරීමේ පදනමක් වේ.

අවසානයේ, පරණ තාක්ෂණයට අමතරව නවතම, වේගවත්, සහ නිරවද්‍ය මෙවලම් භාවිතය යනු සංවර්ධකයන්ගේ වගකීමයි. Vite සමඟ React ව්‍යාපෘති ආරම්භ කිරීම, ඉදිරියේදී තවත් නවෝත්පාදන හා නව පරිකථන සඳහා මාර්ගය සලසයි.

💡 Vite සමඟ නව React ව්‍යාපෘති ඇරඹීමට අදම පරීක්ෂා කරන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#React #Tailwind #Vite #CRA #WebDev