قسمت دوم فایل tsconfig.json

در واقع فایل tsconfig.json بیانگر این است که پوشه ای که در آن قرار داریم پوشه root پروژه تایپ اسکریپت است .

گاهی اوقات فایل tsconfig.json را با نام jsconfig.json نیز می بینیم . در واقع هر دو به یک معنی می باشند

با داشتن این فایل در هر دایرکتوری ای IDE آن دایرکتوری را روت اصلی یک پروژه تایپ اسکریپت میداند و آن را به صورت یک پروژه باز میکند. برای اجرا اولیه میتوان فایل های جاوا اسکریپتی خود را در یک فایل html باز کنیم . و آن فایل را توسط مرور گر اجرا کنیم . تا خروجی کار خود را ببینیم. راه دیگری نیز وجود دارد که قبلا به آن اشاره کردیم و آن اجرا توسط نود جی اس بود .

برای دادن نظم برای فایل های تبدیل شده میتوان به tsconfig مقدار outDir را تنظیم کنیم تا فایل های تبدیل شده را در پوشه مشخص شده بریزد .

{
&quotoutDir&quot: &quotdist&quot,
&quotrootDir&quot:&quotsrc&quot
}

با این تنظیم نظم اولیه به فایل ها داده میشود و از این به بعد باید فایل های تایپ اسکریپت را در پوشه src واقع در روت پروژه ایجاد کنیم .

هنگامی که کد های جاوا اسکریپت در مرورگر اجرا می شود فایل های جاوا اسکریپت را در قسمت developers tools در تب source میتوانیم کد های جاوا اسکریپت اجرایی را ببینیم . برای هر فایل جاوا اسکریپتی که اجرا شده یک تب ایجاد میشود . و فایل های اجرا شده را میتوان جدا گانه دید و بررسی کرد .

در تایپ اسکریپت این امکان وجود دارد که بدون تغییر فایل های تایپ اسکریپت آنها را در قسمت source ببینینم و با همان فرمت بررسی کنیم . و ایرادات خود را برطرف کنیم .

برای این کار نیاز به یک سری فایل مپ وجود دارد تا مرورگر بتواند فایل های جاوا اسکریپت را به حالت اول تایپ اسکریپت خود تبدیل کند . این فایل ها با پسوند js.map نام گذاری می شوند . برای ایجاد آنها نیازی نیست که ما خود ایجاد کنیم . در هنگام تبدیل فایل های تایپ اسکریپت با تنظیم مقدار sourceMap در فایل tsconfig این فایل ها به صورت خودکار ایجاد میشوند .

{
&quotsourceMap&quot : true
}

با این تنظیم تمام فایل های تایپ اسکریپت در هنگام تبدیل به همراه فایل مپ خود ایجاد می شوند . مرورگر این فایل ها را میخواند و در قسمت source تبدیل فایل های جاوا اسکریپت به تایپ اسکریپت را انجام می دهند . و در فایلی با نام همان فایل با پسوند ts در کنار آن نمایش می دهد و ما علاوه بر فایل جاوا اسکریپتی فایل تایپ اسکریپتی را نیز داریم .