TypeScript কোডের .ts ফাইলকে .js ফাইলে রূপান্তর করার প্রক্রিয়াকে কম্পাইলেশন বলা হয়। TypeScript কোডের কম্পাইলেশন সাধারণত TypeScript কম্পাইলার (tsc) দ্বারা পরিচালিত হয়। এই প্রক্রিয়াটি কোডের টাইপ চেকিং এবং JavaScript কোডে রূপান্তর করা অন্তর্ভুক্ত।
এখানে TypeScript কম্পাইলেশন প্রক্রিয়া এবং .ts ফাইল থেকে .js ফাইল তৈরি করার বিস্তারিত প্রক্রিয়া আলোচনা করা হলো।
১. TypeScript কম্পাইলার (tsc)
TypeScript কম্পাইলার (tsc) হলো মূল টুল যা .ts ফাইলকে .js ফাইলে রূপান্তরিত করে। এটি আপনার কোডে টাইপ সম্পর্কিত ত্রুটি চেক করে এবং সেগুলিকে নির্দেশ করে, যা JavaScript কোডে রূপান্তরের সময় খুঁজে পাওয়া যায় না।
২. কম্পাইলেশন প্রক্রিয়া (tsc)
১. টেমপ্লেট বা ফাইলের অন্তর্ভুক্তি
প্রথমত, TypeScript প্রজেক্টে .ts ফাইলগুলিকে ইনক্লুড করা হয়। এটি সাধারণত tsconfig.json ফাইলে করা হয়, যেখানে আপনি নির্দিষ্ট করেন কোন ফোল্ডার বা ফাইলগুলো কম্পাইল করা হবে।
tsconfig.json ফাইলে যদি include বা exclude অপশন ব্যবহার করা হয়, তাহলে এই ফাইলের মধ্যে সমস্ত ফাইলগুলোর উপর কাজ করা হবে।
উদাহরণস্বরূপ:
{
"compilerOptions": {
"target": "es6",
"module": "commonjs"
},
"include": ["src/**/*"]
}
এখানে, src ফোল্ডারে থাকা সমস্ত .ts ফাইল কম্পাইল হবে।
২. TypeScript কম্পাইলার রান করা
TypeScript কম্পাইলার রান করতে টার্মিনালে tsc কমান্ড ব্যবহার করতে হয়। যদি আপনার প্রজেক্টের মূল ডিরেক্টরিতে tsconfig.json ফাইল থাকে, তাহলে আপনি সরাসরি tsc কমান্ড চালাতে পারেন:
tsc
এই কমান্ডটি tsconfig.json ফাইলের নির্দেশনা অনুসারে সমস্ত .ts ফাইল কম্পাইল করে .js ফাইলে পরিণত করবে।
৩. একক ফাইল কম্পাইল করা
যদি আপনি একটি নির্দিষ্ট .ts ফাইল কম্পাইল করতে চান, তাহলে নিম্নলিখিত কমান্ডটি ব্যবহার করতে পারেন:
tsc src/index.ts
এটি শুধুমাত্র index.ts ফাইলটিকে কম্পাইল করে .js ফাইলে রূপান্তরিত করবে।
৩. কম্পাইলেশন অপশনস (Compiler Options)
TypeScript কম্পাইলারের অনেক অপশন রয়েছে যা আপনার কম্পাইলেশন প্রক্রিয়াকে কাস্টমাইজ করতে সাহায্য করে। কিছু গুরুত্বপূর্ণ কম্পাইলার অপশন নিচে দেওয়া হলো:
target: নির্দিষ্ট করে কোন JavaScript সংস্করণে কম্পাইল করা হবে। উদাহরণস্বরূপ,
es5,es6(ES2015), ইত্যাদি।"compilerOptions": { "target": "es5" }module: মডিউল সিস্টেমের ধরনের নির্বাচন। যেমন
commonjs,es6,amd, ইত্যাদি।"compilerOptions": { "module": "commonjs" }outDir:
.jsফাইলগুলো যেখানে আউটপুট হবে। সাধারণত একটি আলাদাdistফোল্ডারে ফাইলগুলো রাখতে হয়।"compilerOptions": { "outDir": "./dist" }strict: সমস্ত স্ট্রিক টাইপ চেকিং অপশনগুলিকে সক্রিয় করে।
"compilerOptions": { "strict": true }esModuleInterop: ES6 মডিউল ইন্টারঅপারেবিলিটি সক্ষম করে।
"compilerOptions": { "esModuleInterop": true }skipLibCheck: টাইপ লাইব্রেরি চেকিং বাদ দেয় (প্যাকেজ ম্যানেজারগুলোর জন্য উপকারী)।
"compilerOptions": { "skipLibCheck": true }
৪. উদাহরণ: .ts ফাইল থেকে .js ফাইল তৈরি
ধরা যাক, আপনার একটি index.ts ফাইল আছে যেখানে আপনি TypeScript কোড লিখেছেন:
// src/index.ts
let greeting: string = "Hello, TypeScript!";
console.log(greeting);
এখন, tsc কম্পাইলার ব্যবহার করে এটি .js ফাইলে রূপান্তর করুন:
tsc src/index.ts
এই কমান্ডটি index.ts ফাইলটি কম্পাইল করে index.js ফাইলে পরিণত করবে। .js ফাইলটি দেখতে এমন হবে:
// index.js
"use strict";
var greeting = "Hello, TypeScript!";
console.log(greeting);
এখন আপনি index.js ফাইলটি JavaScript হিসেবে চালাতে পারবেন।
৫. অটো কম্পাইলেশন (Watch Mode)
যদি আপনি TypeScript কোডে কোনো পরিবর্তন করেন এবং সেই পরিবর্তন স্বয়ংক্রিয়ভাবে কম্পাইল করতে চান, তবে আপনি Watch Mode ব্যবহার করতে পারেন। এটি TypeScript কোড পরিবর্তিত হলে স্বয়ংক্রিয়ভাবে কম্পাইল করে।
Watch Mode চালাতে:
tsc --watch
এটি আপনার সমস্ত .ts ফাইলের জন্য পরিবর্তন সনাক্ত করবে এবং স্বয়ংক্রিয়ভাবে .js ফাইলে রূপান্তর করবে।
উপসংহার
TypeScript কম্পাইলেশন প্রক্রিয়া সোজা এবং কার্যকরী। tsc কমান্ড ব্যবহার করে আপনি সহজেই .ts ফাইল থেকে .js ফাইল তৈরি করতে পারেন। tsconfig.json ফাইলের মাধ্যমে আপনি আপনার প্রজেক্টের কনফিগারেশন কাস্টমাইজ করতে পারেন, এবং কম্পাইলেশন অপশনগুলো পরিবর্তন করে আপনার কোডের কার্যকারিতা এবং আউটপুট আরও নির্ভুলভাবে নিয়ন্ত্রণ করতে পারবেন।
