A clean-css loader for webpack.
To begin, you'll need to install clean-css-loader:
yarn add -D clean-css-loaderThen add the plugin to your webpack config. For example:
// webpack.config.js
const isProduction = process.env.NODE_ENV === "production";
module.exports = {
mode: isProduction ? "production" : "development",
module: {
rules: [
{
test: /\.css$/,
use: [
"style-loader",
"css-loader",
{
loader: "clean-css-loader",
options: {
// Loader options
disable: !isProduction,
skipWarn: false,
// CleasCSS options
compatibility: "ie9",
level: 2,
inline: ["remote"],
//...
},
},
],
},
],
},
};webpack --module-bind 'css=style-loader!css-loader!clean-css-loader'In your application
import cssMin from "style.css";In your application
import cssMin from "style-loader!css-loader!clean-css-loader!./style.css";This option enables/disables minify, useful to easily disable on development mode (default: false)
This option enables/disables output warnings (default: false)