clean-css-loader

A clean-css loader for webpack.

clean-css-loader

Getting Started

To begin, you'll need to install clean-css-loader:

yarn add -D clean-css-loader

Then 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"],
              //...
            },
          },
        ],
      },
    ],
  },
};

Or using plugin inline:

// default
import "style-loader!css-loader!clean-css-loader!./style.css";
// with options
import "style-loader!css-loader!clean-css-loader?level=2!./style.css";

Options

disable: boolean

This option enables/disables minify, useful to easily disable on development mode (default: false)

skipWarn: boolean

This option enables/disables output warnings (default: false)

CleanCSS module options

• clean-css/clean-css#constructor-options

Changelog

4.0.0

• Migrate to the latest clean-css version 5.x.x
• Add Schema validation
• Add new option disable: boolean
• Drop support webpack@1.x.x
• Add Typescript