title: Webpack 5 compile scss in separated css files
body: <p>I'm trying to compile scss files in separated css files. For example, in my scss folder I have <code>main.scss</code>, <code>backend.scss</code>, <code>ajax.scss</code>, etc.
  I want to keep <code>main.css</code>, <code>backend.css</code>, <code>ajax.css</code> ... files in my dist folder.
  Is it possible to watch entire scss folder?</p>
  <p>How can I do that? I have already tried MiniCssExtractPlugin and other modules, without success.
  Thank you for your help.</p>