Webpack හි CSS බන්ඩල් එකට එකතු කිරීම පරීක්ෂා කිරීම

CSS වෙනම බන්ඩලයකට එකතු කිරීම අපි පරීක්ෂා කර බලමු. අපට CSS ගොනු දෙකක් ඇතැයි සිතමු.

පළමු එක:

body {
	background: red;
}

දෙවන එක:

p {
	color: green;
}

අපි ඒවා ඇතුළු වීමේ ලක්ෂ්‍යයට ආයාත කරමු:

import './styles1.css';
import './styles2.css';

ප්‍රොජෙක්ටය එකතු කිරීමේ විධානය සියල්ල වෙනම ගොනුවකට එකතු කරනු ඇත නම සමඟ main.css:

body {
	background: red;
}
p {
	color: green;
}

ඔබේ ඇතුළු වීමේ ලක්ෂ්‍යයට CSS ගොනු තුනක් ආයාත කරන්න.

සංවර්ධන මාදිලියෙන් එකතු කිරීම සිදු කරන්න. CSS බන්ඩල් ගොනුව අධ්‍යයනය කරන්න.

නිෂ්පාදන (production) මාදිලියෙන් එකතු කිරීම සිදු කරන්න. CSS බන්ඩල් ගොනුව අධ්‍යයනය කරන්න.