Webpack-da CSS bundlini sozlash
O‘rganilgan usulda CSSni sahifaga qo‘shish juda muvaffaqiyatli bo‘lmasligi mumkin. Ko‘pincha barcha CSS fayllarini alohida uslublar bundlida to‘plash qulayroqdir.
Buning uchun mini-css-extract-plugin plagini kerak. Keling, uni o‘rnatamiz:
npm install mini-css-extract-plugin --save-dev
Uni import qilamiz:
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
plugins sozlamasiga qo‘shamiz:
export default {
entry: './src/index.js',
plugins: [new MiniCssExtractPlugin()],
};
Endi style-loader-ni pluginimizning loaderi bilan almashtiramiz:
export default {
entry: './src/index.js',
plugins: [new MiniCssExtractPlugin()],
module: {
rules: [
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, 'css-loader'],
},
],
},
};
Ta'riflangan sozlamalarni bajaring.
