Webpack හි CSS විලාසිතා ආයාතය පරීක්ෂා කිරීම
JavaScript ගොනුවක CSS විලාසිතා ආයාතය කර පරීක්ෂා කර බලමු. විලාසිතා සමඟ ගොනුවක් සාදමු:
src/styles.cssbody {
background: red;
}
එය ආයාත කරමු:
src/index.jsimport './styles.css';
දැන්, ව්යාපෘතිය එකට ගොනු කිරීමෙන් පසු බ්රවුසරයෙන් HTML ගොනුව විවෘත කර, එම ගොනුවට සම්බන්ධ කර ඇති එකතු කරන ලද ගොනුව, අපට අපගේ විලාසිතා වල කාර්යයේ ප්රතිඵලය දකිනු ඇත.
Задание 1
විස්තර කළ පරීක්ෂාව සිදු කරන්න. CSS ගොනු කිහිපයක් ආයාත කරන්න.
Задание 2
සංස්කාරකයෙන් එකතු කරන ලද ගොනුව විවෘත කර සෙවීම භාවිතයෙන් එහි ඔබේ CSS විලාසිතා සොයා ගන්න.
Задание 3
බ්රවුසරයේ දෝෂ නිරාකරණය විවෘත කර HTML පිටුවේ ඔබේ CSS විලාසිතා සොයා ගන්න.