Witam jak w temacie próbuję okiełznać tailwindcss po kompilacji czy przez webpack czy to zgodnie z tutorialem otrzymuje plik wyjściowy o rozmiarze około 4mb.
i moje pytanie czy ja coś źle robię bo już lekko nie ogarniam robiłem według paru howto i zazwyczaj tak samo otrzymuję.
poniżej mój webpack.config.js
const path = require('path');
module.exports = {
mode: 'production',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
module: {
rules: [
{
test: /\.js$/i,
include: path.resolve(__dirname, 'src'),
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env'],
},
},
},
{
test: /\.css$/i,
include: path.resolve(__dirname, 'src'),
use: ['style-loader', 'css-loader', 'postcss-loader'],
},
],
},
devServer: {
contentBase: path.resolve(__dirname, 'dist'),
watchContentBase: true,
},
};