css-loader
স্ট্রিং হিসাবে একটি সিএসএস ফাইলে পড়েন। আপনি এটি দিয়ে প্রতিস্থাপন করতে পারেraw-loader
এবং অনেক পরিস্থিতিতে একই প্রভাব পেতে পারেন। যেহেতু এটি কেবল ফাইলের বিষয়বস্তু এবং অন্য কিছুই পড়ছে না, এটি অন্যভাবে কোনও লোডার দিয়ে শৃঙ্খলা না করা পর্যন্ত এটি মূলত অকেজো।
style-loader
এই শৈলীগুলি নেয় এবং সেই শৈলীগুলি সহ <style>
পৃষ্ঠার <head>
উপাদানগুলিতে একটি ট্যাগ তৈরি করে ।
আপনি যদি জাভাস্ক্রিপ্টটি bundle.js
ব্যবহারের পরে style-loader
দেখে থাকেন তবে আপনি উত্পন্ন কোডটিতে একটি মন্তব্য দেখতে পাবেন
// স্টাইল-লোডার: একটি ট্যাগ যুক্ত করে ডিওমে কিছু সিএসএস যুক্ত করে
উদাহরণ স্বরূপ,
<html>
<head>
<!-- this tag was created by style-loader -->
<style type="text/css">
body {
background: yellow;
}
</style>
</head>
<body>
<script type="text/javascript" src="bundle.js" charset="utf-8"></script>
</body>
</html>
এই উদাহরণটি এই টিউটোরিয়াল থেকে আসে । আপনি যদি style-loader
লাইনটি পরিবর্তন করে পাইপলাইন থেকে সরান
require("!style-loader!css-loader!./style.css");
প্রতি
require("css-loader!./style.css");
আপনি দেখতে পাবেন যে <style>
দূরে চলে যায়।