ভিডিও: Webpack এ Devtool কি?
2024 লেখক: Lynn Donovan | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-15 23:44
দেবতুল . এই বিকল্পটি নিয়ন্ত্রণ করে যদি এবং কিভাবে উৎস মানচিত্র তৈরি করা হয়। আরও সূক্ষ্ম দানাদার কনফিগারেশনের জন্য SourceMapDevToolPlugin ব্যবহার করুন। বিদ্যমান সোর্স ম্যাপ মোকাবেলা করতে সোর্স-ম্যাপ-লোডার দেখুন।
তদনুসারে, Webpack এ Sourcemap কি?
এক অর্থে, উৎস মানচিত্র হল আপনার গোপন (মিনিফাইড) কোডের ডিকোডার রিং। ব্যবহার ওয়েবপ্যাক , আপনার মধ্যে devtool: "source-map" নির্দিষ্ট করা ওয়েবপ্যাক config উত্স মানচিত্র সক্ষম করবে, এবং ওয়েবপ্যাক আপনার চূড়ান্ত, ছোট ফাইলে একটি sourceMappingURL নির্দেশিকা আউটপুট করবে।
পরবর্তীকালে, প্রশ্ন হল, ওয়েবপ্যাক মার্জ কি? ওয়েবপ্যাক - একত্রিত করা একটি প্রদান করে একত্রিত করা ফাংশন যা অ্যারেগুলিকে একত্রিত করে এবং বস্তুগুলিকে একত্রিত করে একটি নতুন অবজেক্ট তৈরি করে। যখনই আপনার দরকার হবে একত্রিত করা কনফিগারেশন বস্তু, ওয়েবপ্যাক - একত্রিত করা কাজে আসতে পারে। এছাড়াও একটি আছে ওয়েবপ্যাক নির্দিষ্ট একত্রিত করা বৈকল্পিক হিসাবে পরিচিত একত্রিত করা.
এই বিষয়ে, ওয়েবপ্যাক কি জন্য ব্যবহার করা হয়?
ওয়েবপ্যাক জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনগুলির জন্য একটি স্ট্যাটিক মডিউল বান্ডলার - এটি আপনার অ্যাপ্লিকেশন থেকে সমস্ত কোড নেয় এবং এটি একটি ওয়েব ব্রাউজারে ব্যবহারযোগ্য করে তোলে৷ মডিউল হল আপনার অ্যাপের জাভাস্ক্রিপ্ট, নোড_মডিউল, ছবি এবং সিএসএস শৈলী থেকে তৈরি কোডের পুনঃব্যবহারযোগ্য অংশ যা সহজে প্যাকেজ করা হয় ব্যবহৃত আপনার ওয়েবসাইট.
Sourcemaps কিভাবে কাজ করে?
কিভাবে উৎস মানচিত্র কাজ . নামটি থেকে বোঝা যায়, একটি উৎস মানচিত্রের একটি সম্পূর্ণ গুচ্ছ তথ্য থাকে যা একটি সংকুচিত ফাইলের মধ্যে কোডটিকে এটির মূল উৎসে ম্যাপ করতে ব্যবহার করা যেতে পারে। আপনি আপনার প্রতিটি সংকুচিত ফাইলের জন্য একটি ভিন্ন উৎস মানচিত্র নির্দিষ্ট করতে পারেন।
প্রস্তাবিত:
প্রতিক্রিয়া কি Webpack ব্যবহার করে?
প্রতিক্রিয়ার 'প্রয়োজন' বাবেল বা ওয়েবপ্যাক নেই তবে লাইব্রেরিটি ES6 জাভাস্ক্রিপ্ট সিনট্যাক্স এবং জেএসএক্স (জেএস-এ মূলত এইচটিএমএল) ব্যবহারের ধারণার উপর নির্মিত। Webpack React থেকে আলাদা কিন্তু MattYao যে কারণে উল্লেখ করেছে সেজন্য React প্রোজেক্টে সাধারণত ব্যবহৃত হয়