TypeScript: jQuery

อันว่า jQuery เจเควียรี พี่แกอาวุธโสจนต้องบอกว่า เก่า แต่ยังเก๋าอยู่พอมาอยู่ในยุค TypeScript ก็มีบาง JavaScript ที่ยังต้องใช้บริการมันอยู่

1. เพิ่ม jQuery โดย command
   npm install @types/jquery jquery
2. เปิดไฟล์ SourceCode/resources/js/app.ts
3. เพิ่ม code

   //jQuery
   import $ from "jquery";
   
   declare global {
       interface Window {
           $: typeof $;
       }
   }
   
   window.$ = $;
   

4. ใช้ command
   npm run dev
5. ทดสอบโดยใส่

<script>
	$(document).ready(function() {
		// Your jQuery code here
		console.log("Document is ready!");
	});
</script>

อธิบาย

บรรทัดที่ 4 จะทำให้สามารถใช้ $ ในหน้าเพจ