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 බන්ඩල් ගොනුව අධ්‍යයනය කරන්න.