{"library":"optimize-css-assets-webpack-plugin","title":"Optimize CSS Assets Webpack Plugin","description":"A Webpack plugin that searches for CSS assets during the build and optimizes/minimizes them using cssnano by default. It solves the CSS duplication problem when using extract-text-webpack-plugin. The latest version is 6.0.1, but it is deprecated for webpack v5+ in favor of css-minimizer-webpack-plugin. It supports webpack v4 and above, with v4+ requiring webpack v4. Release cadence is low; maintenance mode.","language":"javascript","status":"maintenance","last_verified":"Sat Apr 25","install":{"commands":["npm install optimize-css-assets-webpack-plugin"],"cli":null},"imports":["const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');","const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');","const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"const path = require('path');\nconst webpack = require('webpack');\nconst ExtractTextPlugin = require('extract-text-webpack-plugin');\nconst OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');\n\nmodule.exports = {\n  entry: './src/index.js',\n  output: {\n    path: path.resolve(__dirname, 'dist'),\n    filename: 'bundle.js'\n  },\n  module: {\n    rules: [\n      {\n        test: /\\.css$/,\n        use: ExtractTextPlugin.extract({\n          fallback: 'style-loader',\n          use: 'css-loader'\n        })\n      }\n    ]\n  },\n  plugins: [\n    new ExtractTextPlugin('styles.css'),\n    new OptimizeCssAssetsPlugin({\n      assetNameRegExp: /\\.optimize\\.css$/g,\n      cssProcessor: require('cssnano'),\n      cssProcessorPluginOptions: {\n        preset: ['default', { discardComments: { removeAll: true } }]\n      },\n      canPrint: true\n    })\n  ]\n};","lang":"javascript","description":"Configures webpack v4 with extract-text-webpack-plugin and optimize-css-assets-webpack-plugin to extract CSS into a separate file and minimize it using cssnano.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}