Олег Драпеза

Когда вы добавляете стили в качестве entry, они оборачиваются в js скрипт, который просто вставляет эти стили на страницу, при загрузке.

Обычный кейс для создания отдельного css бандла:

// в вашем './src/app.js'
import './styles/main.sass';

// в конфиге вебпака все надо упростить
// entry
{
  app: './src/app.js',
}
// module.rules
{
  test: /\.sass$/,
  use: ExtractTextPlugin.extract({
    fallback: 'style-loader',
    use: [
      'css-loader',
      'sass-loader'
    ]
  })
}
// plugins
new ExtractTextPlugin('styles/[name].css')

Название entry мы меняем, для читаемости, что бы не делать всякие bundle.bundle.js или bundle.min.js,
Ваши стили получат такое же имя, как и основной js файл - итого app.min.js и app.min.css
HtmlWebpackPlugin автоматически подтянет ссылки на эти файлы.