Webpack හි CSS බන්ඩල් එකට එකතු කිරීම පරීක්ෂා කිරීම
CSS වෙනම බන්ඩලයකට එකතු කිරීම අපි පරීක්ෂා කර බලමු. අපට CSS ගොනු දෙකක් ඇතැයි සිතමු.
පළමු එක:
src/styles1.cssbody {
background: red;
}
දෙවන එක:
src/styles2.cssp {
color: green;
}
අපි ඒවා ඇතුළු වීමේ ලක්ෂ්යයට ආයාත කරමු:
src/index.jsimport './styles1.css';
import './styles2.css';
ප්රොජෙක්ටය එකතු කිරීමේ විධානය
සියල්ල වෙනම ගොනුවකට එකතු කරනු ඇත
නම සමඟ main.css:
dist/main.cssbody {
background: red;
}
p {
color: green;
}
Задание 1
ඔබේ ඇතුළු වීමේ ලක්ෂ්යයට CSS ගොනු තුනක් ආයාත කරන්න.
Задание 2
සංවර්ධන මාදිලියෙන් එකතු කිරීම සිදු කරන්න. CSS බන්ඩල් ගොනුව අධ්යයනය කරන්න.
Задание 3
නිෂ්පාදන (production) මාදිලියෙන් එකතු කිරීම සිදු කරන්න. CSS බන්ඩල් ගොනුව අධ්යයනය කරන්න.