Eu tenho vários arquivos de tema, que são basicamente arquivos SASS com diferentes variáveis que especificam cores, fontes etc. específicas para cada tema. O restante dos arquivos SASS no projeto usa essas variáveis em suas regras CSS.

Gostaria de configurar o webpack de forma que ele gere 1 arquivo CSS para cada arquivo de tema.

Por exemplo:

main.scss:

body {
  background-color: $theme-specific-color;
}

theme1.scss:

$theme-specific-color: blue;

theme2.scss:

$theme-specific-color: green;

A configuração desejada produziria 2 arquivos CSS:

theme1.css:

body {
  background-color: blue;
}

theme2.css:

body {
  background-color: green;
}

Atualmente estou usandoExtractTextPlugin para extrair as folhas de estilo em CSS.