CSS Bundl-in Webpack-də Qurulması
Öyrənilmiş CSS-i səhifəyə əlavə etmə üsulu çox uğurlu olmaya bilər. Çox vaxt bütün CSS fayllarını ayrı bir styling bundl-ında toplamaq daha rahat olur.
Bunun üçün mini-css-extract-plugin plagini lazımdır. Gəlin onu quraq:
npm install mini-css-extract-plugin --save-dev
Onu import edək:
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
plugins konfiqurasiyasına əlavə edək:
export default {
entry: './src/index.js',
plugins: [new MiniCssExtractPlugin()],
};
İndi isə style-loader-i bizim plagindən olan loader ilə əvəz edək:
export default {
entry: './src/index.js',
plugins: [new MiniCssExtractPlugin()],
module: {
rules: [
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, 'css-loader'],
},
],
},
};
Təsvir olunan konfiqurasiyaları yerinə yetirin.
