Webpack හි CSS විලාසිතා ආයාතය පරීක්ෂා කිරීම

JavaScript ගොනුවක CSS විලාසිතා ආයාතය කර පරීක්ෂා කර බලමු. විලාසිතා සමඟ ගොනුවක් සාදමු:

src/styles.cssbody {
  background: red;
}

එය ආයාත කරමු:

src/index.jsimport './styles.css';

දැන්, ව්‍යාපෘතිය එකට ගොනු කිරීමෙන් පසු බ්‍රවුසරයෙන් HTML ගොනුව විවෘත කර, එම ගොනුවට සම්බන්ධ කර ඇති එකතු කරන ලද ගොනුව, අපට අපගේ විලාසිතා වල කාර්යයේ ප්‍රතිඵලය දකිනු ඇත.

Задание 1

විස්තර කළ පරීක්ෂාව සිදු කරන්න. CSS ගොනු කිහිපයක් ආයාත කරන්න.

Задание 2

සංස්කාරකයෙන් එකතු කරන ලද ගොනුව විවෘත කර සෙවීම භාවිතයෙන් එහි ඔබේ CSS විලාසිතා සොයා ගන්න.

Задание 3

බ්‍රවුසරයේ දෝෂ නිරාකරණය විවෘත කර HTML පිටුවේ ඔබේ CSS විලාසිතා සොයා ගන්න.