Cześć
Potrafię już zrobić jeden plik wynikowy z wielu plików .scss
Problem w tym że mój plik** style.css **nie ma usuniętych enterów i spacji a także ma wiele niepotrzebnych klas.
Użyłem dwóch klas z bootstrapa a teraz wszystkie ~3000 mam zaciągnięte do style.css
Szukałem narzędzia które wywaliło by niepotrzebne klasy i zmniejszyło kod.
Znalazłem optimize-css-assets-webpack-plugin ale zupełnie nie potrafię zrobić tak żeby to działało.
Oto mój webpack.config.js :
const path = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
entry: "./js/index.js",
mode: "production",
output: {
path: path.resolve(__dirname, "dist"),
filename: "bundle.js"
},
module: {
rules: [
{
test: /\.s?[ac]ss$/,
use: [
MiniCssExtractPlugin.loader,
{ loader: "css-loader", options: { url: false, sourceMap: true } },
{ loader: "sass-loader", options: { sourceMap: true } }
]
}
]
},
plugins: [
new MiniCssExtractPlugin({
filename: "style.css"
})
]
};
Jak zrobić żeby było dobrze?