Пакет SASS webpack и создать несколько файлов

Я перехожу с gulp на webpack, и у меня проблемы с компиляцией SASS.

Мне удалось не вставлять встроенный (хотя я хотел бы выбрать, будет ли он встроенным или нет, но я займусь этим после того, как решу эту проблему).

Итак, у меня есть 2 файла .scss, которые мне нужно импортировать и создавать отдельно, и не использовать автоматический импорт в .html тоже было бы здорово.

я пробовал:

• запись: [] подход,
• попробовал с ExtractTextPlugin.extract и
• с помощью MiniCssExtractPlugin.
• Я много искал и безрезультатно.

Мой текущий webpack.config.js:

const HtmlWebPackPlugin = require("html-webpack-plugin");
//const ExtractTextPlugin = require('extract-text-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
//const UglifyJsPlugin = require("uglifyjs-webpack-plugin");

module.exports = (env, options) => {
  //const isDevMode = options.mode === "development";
  return {

    module: {

      rules: [{
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader"
          }
        },
        {
          test: /\.html$/,

          use: [{
                loader: "html-loader",
                  options: {
                    minimize: true,
                    conservativeCollapse: false,
                    removeScriptTypeAttributes: false,
                    removeStyleTypeAttributes: false,
                  }
              }]

        },

        {
          test: /\.scss$/,
          //use: ExtractTextPlugin.extract({
              use: [
                { loader: MiniCssExtractPlugin.loader },
                {
                  loader: "css-loader",
                  options: {
                    minimize: true
                  }
                },
                {
                  loader: "postcss-loader",
                  options: {
                    plugins: [
                      require("autoprefixer")(),
                      require('cssnano')({
                        preset: 'default', 
                            discardComments: {
                              removeAll: true,
                            }
                      })
                    ],
                  }
                },
                {
                  loader: "sass-loader",
                }
              ]
          //})
        },
      ]
    },
    plugins: [
      new HtmlWebPackPlugin({
        template: "./src/index.html",
        filename: "./index.html"
      }),
      new MiniCssExtractPlugin({
        // Options similar to the same options in webpackOptions.output
        // both options are optional
        filename: "[name].[hash].css",
        chunkFilename: "[id].css"
      })
    ]
  };
};

файлы для создания .css из:

./src/css/styles.scss
./src/css/teste.scss

ожидаемый результат должен быть

./dist/assets/css/styles.css
./dist/assets/css/teste.css