Struggling to get mini-css-extract-plugin working for both .css and .scss files in Webpack 5

• webpack-merge

  3 2,664 5.4 TypeScript

  Merge designed for webpack

  

I'm using Webpack 5 with webpack-merge so I can have separate config files for prod and dev with a common file for settings that both prod and dev share.

• mini-css-extract-plugin

  11 4,639 7.6 JavaScript

  Lightweight CSS extraction plugin

  

In my production file I'm using mini-css-extract-plugin to create a final css file rather than have them loaded in my bundle.js file.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• mortgageCalc

  3 0 3.5 JavaScript

Does anyone know what I'm doing wrong here? It's only a small thing but it's annoying me that it isn't working as expected and not all of the CSS in my final file is minified. Here is the git repo if that helps.

• css-minimizer-webpack-plugin

  1 310 6.8 JavaScript

  cssnano plugin for Webpack

  

I did actually get it working in the end using css-minimizer-webpack-plugin but your solution is much better since it saves adding an extra rule to my webpack config file and saves me an extra npm package install too.

Suggest a related project