Webpack - generowanie pliku css

Witam
Jak napisać aby z sass'a generował mi się plik style.css w folderze dist?

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  entry: './src/scripts.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },


module: {

rules: [
    {
      test: /\.js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env']
        }
      }
    },
    {
      test: /\.scss$/,
        use: ['css-loader', 'sass-loader', 'style-loader']
    },
    {
      test: /\.css$/,
      use: ExtractTextPlugin.extract({
        fallback: "style-loader",
        use: "css-loader"
      })
    }
]},

plugins: [
  new HtmlWebpackPlugin({
    template: './src/index.htm'
  }),

  new ExtractTextPlugin('style.css'),
],



};

na tą chwilę generuje tylko bundle.js i index.html