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;
}