I would like to export several SCSS files, which I import into my entry file, into a CSS file. So far I have only included an SCSS file and converted it without a plugin.

module.exports = {
    ...
    module: {
        rules: [
            {
                test: /\.s[ac]ss$/i,
                use: [
                    {
                        loader: 'file-loader',
                        options: {outputPath: '/', name: '[name].css'}
                    },
                    {
                        loader: 'sass-loader',
                        options: {
                            sassOptions: {
                                importer: globImporter()
                            }
                        }
                    }
                ]
            }
        ]
    },
    ...
}

Dist-Folder: frontend.js, frontend.css

However, when I import multiple files, they are also exported as individual CSS files:

import './assets/scss/frontend.scss';
import './node_modules/swiper/swiper.scss';

Dist-Folder: frontend.js, frontend.css, swiper.css

Is there a way to merge both SCSS files into one frontend.css file?