Как создать побочный CSS с Webpack?

Question

У меня есть приложение Laravel с webpack.config.js, очень похожим на это:

const path = require('path')

module.exports = {
  entry: { app: ['./app/Http/app.js'] },
  mode: 'development',
  output: {
    path: path.resolve(__dirname, 'public/'),
    filename: 'assets/js/[name].js',
    publicPath: '/'
  },
  plugins: [],
  module: {
    rules: [
      { test: /\.css$/, use: ['style-loader', 'css-loader'] },
      { test: /\.(sass|scss)$/, use: ['style-loader', 'css-loader', 'sass-loader']},
      ...
    ]
  }
}

Этот конфиг сгенерирует пакетный javascript app.js, который хорош для моего интерфейса. Однако я хотел бы создать еще один пакет из файлов sass:

Ввод:

• app/assets/sass/print.sass

Выход:

• public/css/print.css

Что я должен изменить в своей конфигурации Webpack, чтобы сделать это дополнительное создание сторон?