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 = {
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"],
//...
},
},
],
},
],
},
};Or using plugin inline:
// default
import "style-loader!css-loader!clean-css-loader!./style.css";
// with options (query params)
import "style-loader!css-loader!clean-css-loader?level=2&skipWarn=true!./style.css";
// with options (options as JSON)
import "style-loader!css-loader!clean-css-loader?{\"skipWarn\": true,\"level\":2}!./style.css";This option enables/disables minify, useful to easily disable on development mode (default: false)
This option enables/disables output warnings (default: false)
Enables/Disables generation of source maps. (default: compiler.devtool)