Konfigurimi i Ndërtimit të CSS në Bundle në Webpack
Mënyra e mësuar për të shtuar CSS në faqe mund të mos jetë shumë e suksesshme. Shpesh është më e përshtatshme të mblidhen të gjithë skedarët CSS në një bundle të veçantë me stile.
Për këtë nevojitet plugin mini-css-extract-plugin. Le ta instalojmë atë:
npm install mini-css-extract-plugin --save-dev
Le ta importojmë atë:
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
Le ta shtojmë në konfigurimin plugins:
export default {
entry: './src/index.js',
plugins: [new MiniCssExtractPlugin()],
};
Tani le të zëvendësojmë style-loader me loader nga plugini ynë:
export default {
entry: './src/index.js',
plugins: [new MiniCssExtractPlugin()],
module: {
rules: [
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, 'css-loader'],
},
],
},
};
Kryeni konfigurimet e përshkruara.
