আমি এই ডকুমেন্টেশন উল্লেখ করছি এবং সংকলন ধারণা জুড়ে এসেছি। কেউ জেআইটি বা এওটি সংকলন ব্যবহার করতে পারে। যাইহোক, আমি এটি খুব সংক্ষিপ্ত পেয়েছি এবং বিশদে নিম্নলিখিত বিষয়গুলি জানতে হবে,
উত্তর:
জেআইটি - টাইপস্ক্রিপ্ট এটি সম্পাদনের জন্য ঠিক সময়ে সংকলন করুন
এওটি - বিল্ড ফেজ চলাকালীন টাইপস্ক্রিপ্ট সংকলন করুন।
ng build
যদিও এর কিছু উত্তর রয়েছে তবে আমি আমার কিছু অনুসন্ধানও যুক্ত করতে চাই, কারণ আসলে যা ছিল তা সব ক্ষেত্রেই সংকলিত হচ্ছেTS ->> JSরূপান্তর ঘটে যাওয়ায় আমি সত্যিই বিভ্রান্ত ছিলাম । আমি জেফের ব্লগ থেকে রেফারেন্স হিসাবে কিছুটা নিচ্ছি ।
TSকোড ডেভেলপার দ্বারা লিখিত কম্পাইল করা হয় JSকোড। এখন, এই সংকলিত jsকোডটি আবার ব্রাউজারের মাধ্যমে সংকলিত হয়েছে যাতে htmlব্যবহারকারীর ক্রিয়া অনুসারে গতিময়ভাবে রেন্ডার করা যায় এবং সেই অনুসারে angular (উপাদানগুলির জন্য পরিবর্তনগুলি সনাক্তকরণ, নির্ভরতা ইনজেকশন) এর কোডগুলি রানটাইমেও উত্পন্ন হয়।
(ব্রাউজার সংকলকটি হ'ল অ্যাপ্লিকেশনটির নির্দেশাবলী এবং উপাদানগুলি, যার সাথে তাদের সম্পর্কিত HTML এবং CSS ব্যবহার করে এবং উপাদানগুলির কারখানাগুলি তাদের সমস্ত দৃশ্যের তৈরি যুক্তির সাথে দ্রুত স্ট্যাম্প আউট তৈরি করে))
যখন একটি কৌণিক 2 অ্যাপ্লিকেশনটি ব্রাউজারে বুটস্ট্র্যাপ হয়, তখন জেআইটি সংকলক রানটাইমের সময় অ্যাপ্লিকেশনটির উপাদানগুলি বিশ্লেষণ করতে এবং মেমরিতে কোড উত্পন্ন করতে প্রচুর কাজ করে work পৃষ্ঠাটি রিফ্রেশ হয়ে গেলে, সমস্ত কাজ যা করা হয়েছে তা ফেলে দেওয়া হয়, এবং জেআইটি সংকলক আবার কাজটি করে।
TSকোড ডেভেলপার দ্বারা লিখিত কম্পাইল করা হয় JSকোড, এই js
ইতিমধ্যে পাশাপাশি কৌণিক জন্য কম্পাইল করা হয়েছে । এখন, এই সংকলিত js কোডটি আবার ব্রাউজার দ্বারা সংকলিত হয়েছে যাতে htmlরেন্ডার করা যায়। তবে, এখানে ধরাটি হ'ল এর বৈশিষ্ট্যগুলি angularইতিমধ্যে AOTসংকলক দ্বারা যত্ন নেওয়া হয়েছে এবং তাই ব্রাউজারটি উপাদান তৈরি, পরিবর্তন সনাক্তকরণ, নির্ভরতা ইনজেকশন সম্পর্কে খুব বেশি চিন্তা করতে হবে না । তাহলে আমাদের আছে :
দ্রুত রেন্ডারিং
এওটি দিয়ে ব্রাউজারটি অ্যাপ্লিকেশনটির একটি প্রাক-সংকলিত সংস্করণ ডাউনলোড করে। ব্রাউজারটি এক্সিকিউটেবল কোড লোড করে যাতে এটি অ্যাপ্লিকেশনটি প্রথমে সংকলনের অপেক্ষা না করে অবিলম্বে অ্যাপ্লিকেশনটি রেন্ডার করতে পারে।
কম অ্যাসিনক্রোনাস অনুরোধ
সংকলকটি সেই অ্যাপ্লিকেশন জাভাস্ক্রিপ্টের মধ্যে বহিরাগত এইচটিএমএল টেমপ্লেট এবং সিএসএস স্টাইল শীটগুলিকে ইনলাইন করে, সেই উত্স ফাইলগুলির জন্য পৃথক অ্যাজাক্স অনুরোধগুলি সরিয়ে দেয়।
ছোট কৌণিক ফ্রেমওয়ার্ক ডাউনলোডের আকার
অ্যাপ্লিকেশনটি ইতিমধ্যে সংকলিত হয়ে থাকলে কৌনিক সংকলকটি ডাউনলোড করার দরকার নেই। সংকলক মোটামুটি আঙ্গুলের প্রায় অর্ধেক, তাই এটি বাদ দিয়ে নাটকীয়ভাবে অ্যাপ্লিকেশন পেলোড হ্রাস করে।
আগে টেমপ্লেট ত্রুটিগুলি সনাক্ত করুন
এওটি সংকলক ব্যবহারকারীদের দেখার আগে বিল্ড স্টেপ চলাকালীন টেমপ্লেট বাঁধার ত্রুটিগুলি সনাক্ত করে এবং প্রতিবেদন করে।
ভাল নিরাপত্তা
এওটি এইচটিএমএল টেম্পলেট এবং উপাদানগুলিকে ক্লায়েন্টের কাছে সরবরাহ করার আগেই জাভাস্ক্রিপ্ট ফাইলগুলিতে সংকলন করে। পড়ার মতো কোনও টেমপ্লেট নেই এবং ঝুঁকিপূর্ণ ক্লায়েন্ট-সাইড এইচটিএমএল বা জাভাস্ক্রিপ্ট মূল্যায়ন নেই, ইনজেকশন আক্রমণের সুযোগ কম রয়েছে।
বাকী পার্থক্য ইতোমধ্যে বেনিয়ামিন, নিসার এবং গৌরাঙ্গের বুলেট পয়েন্টগুলিতে coveredাকা রয়েছে।
আমার সঠিক নির্দ্বিধায়
বেনিয়ামিন ও নিসার এখানে কয়েকটি ভাল বিষয় উল্লেখ করেছেন। আমি এটি যোগ করতে হবে।
তাত্ত্বিকভাবে, এওটি উত্পাদনের উদ্দেশ্যে জেআইটির চেয়ে আকর্ষণীয় বিকল্প দেখায় তবে আমার সন্দেহ ছিল যে এওটি আসলেই এটির মূল্যবান কিনা!
ওয়েল, আমি জেফ ক্রস দ্বারা সুন্দর পরিসংখ্যান খুঁজে পেয়েছি এবং এটি প্রমাণ করে যে এওটি অ্যাপ্লিকেশনটির বুটস্ট্র্যাপিং সময়কে উল্লেখযোগ্যভাবে হ্রাস করে। জেফ ক্রস'র পোস্টের নীচে ছবিগুলি আপনাকে এ সম্পর্কে দ্রুত ধারণা দেবে,
জেআইটি (জাস্ট-ইন-টাইম সংকলন)
জাস্ট-ইন-টাইম (জেআইটি) এমন এক ধরণের সংকলন যা রানটাইমের সময় ব্রাউজারে আপনার অ্যাপ্লিকেশনটি সংকলন করে।
ng build
ng serve
এওটি (সময়ের সংকলন)
এগিয়ে যাওয়ার সময় (এওটি) এমন এক ধরণের সংকলন যা আপনার অ্যাপ্লিকেশনটি নির্মাণের সময় সংকলন করে।
ng build --aot
ng serve --aot
জিটি (জাস্ট ইন টাইম) সংকলন
নামটি নিজেই কাজটি বর্ণনা করে, এটি ব্রাউজারে পৃষ্ঠাটি লোড করার সময় কোডটি সংকলন করে। ব্রাউজারটি সংকলকটি ডাউনলোড করে অ্যাপ্লিকেশন কোড তৈরি করবে এবং এটি রেন্ডার করবে।
এটি উন্নয়নের পরিবেশের জন্য ভাল হবে।
এওটি (সময়ের আগে) সংকলন
এটি অ্যাপ্লিকেশন তৈরির সময় সমস্ত কোড সংকলন করে। সুতরাং ব্রাউজারটি সংকলকটি ডাউনলোড করতে এবং কোডটি সংকলন করতে চায় না। এই পদ্ধতিতে ব্রাউজার সহজেই কেবল ইতিমধ্যে সংকলিত কোড লোড করে অ্যাপ্লিকেশনটি রেন্ডার করতে পারে।
উত্পাদন পরিবেশে ব্যবহার করা যেতে পারে
আমরা নীচের হিসাবে জিআইটি এবং এওটি সংকলন তুলনা করতে পারি
দিনের শেষে, এওটি (এগিয়ে যাওয়ার সময়) এবং জেআইটি (জাস্ট-ইন-টাইম) একই কাজ করে। তারা উভয়ই আপনার কৌণিক কোডটি সংকলন করে যাতে এটি কোনও স্থানীয় পরিবেশে (ব্রাউজার ওরফে) চালাতে পারে। মূল পার্থক্যটি হ'ল সংকলনটি ঘটে। এওটি দিয়ে ব্রাউজারে অ্যাপ ডাউনলোড হওয়ার আগে আপনার কোড সংকলিত হবে। জেআইটি দিয়ে আপনার কোডটি ব্রাউজারে রানটাইম সময়ে সংকলিত হয়।
এখানে তুলনা করা হয়:
এওটির সুবিধা:
আসলে একটি মাত্র কৌনিক সংকলক রয়েছে। এওটি এবং জেআইটির মধ্যে পার্থক্য সময় ও সরঞ্জামকরণের বিষয়। এওটি দিয়ে, সংকলকটি একবার লাইব্রেরির একটি সেট ব্যবহার করে নির্মাণের সময় চলে; জেআইটি-র সাথে এটি প্রতিটি ব্যবহারকারীর জন্য রানটাইমগুলিতে লাইব্রেরির বিভিন্ন সেট ব্যবহার করে প্রতিবার সঞ্চালিত হয়।
কৌণিক প্রকল্পের বিকাশের সময় আমরা জেআইটি সংকলক ব্যবহার করি। এই সংকলনে (টিএস থেকে জেএস রূপান্তর) অ্যাপ্লিকেশনটির রানটাইম চলাকালীন ঘটে। অ্যাপ্লিকেশন স্থাপনের জন্য অ্যাপ্লিকেশন কোড তৈরি করার সময় যেখানে এওটি ব্যবহার করা হয়, সেই সময় আমরা এনজি বিল্ড - প্রড কমান্ড ব্যবহার করে আমাদের অ্যাপ্লিকেশন কোডটি তৈরি করি যা ওয়েবপ্যাক নামে একটি ফোল্ডার জেনারেট করে, ওয়েবপ্যাকে সমস্ত ফাইলের বান্ডেল থাকে (এইচটিএমএল সংযুক্ত জাভাস্ক্রিপ্ট ফর্ম্যাটে), সিএসএস এবং টাইপস্ক্রিপ্ট)।
উত্পাদনের জন্য উত্পন্ন ওয়েবপ্যাক ফোল্ডারটির আকার বিকাশের পরিবেশের জন্য তৈরি ফোল্ডারের তুলনায় অনেক কম (কমান্ড ব্যবহার করে ... এনজি বিল্ড), কারণ এতে ওয়েবপ্যাক ফোল্ডারের অভ্যন্তরে সংকলক নেই, এটি অ্যাপ্লিকেশনটির কার্যকারিতা উন্নত করে ।