How can I automate CSS minification in my build process?

How can I automate CSS minification in my build process?

You can automate CSS minification by using build tools like Gulp, Webpack, or Grunt. Do you have a preferred tool?

I'm using Webpack. How do I set it up for CSS minification?

In Webpack, you can use the 'css-minimizer-webpack-plugin'. First, install it via npm, then add it to your plugins array in the Webpack configuration.

Can you show me a sample configuration for that?

Sure! Here's a basic example:

const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');

module.exports = {
  // other configurations...
  optimization: {
    minimize: true,
    minimizer: [
      `...`, // other minimizers
      new CssMinimizerPlugin(),
    ],
  },
};

Thanks! Will this work with SCSS files too?

Yes, it will work with SCSS files as long as you have a loader for SCSS, like 'sass-loader', set up in your Webpack configuration.