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 бандл файлини ўрганинг.

Ишлаб чиқариш (продакшн) режимида йиғишни бажаринг. CSS бандл файлини ўрганинг.