Tengo varios archivos de temas, que son básicamente archivos SASS con diferentes variables que especifican colores, fuentes, etc. específicos para cada tema. El resto de los archivos SASS en el proyecto usan estas variables en sus reglas CSS.

Me gustaría configurar webpack de tal manera que genere 1 archivo CSS para cada archivo de tema.

Por ejemplo:

main.scss:

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

theme1.scss:

$theme-specific-color: blue;

theme2.scss:

$theme-specific-color: green;

La configuración deseada generaría 2 archivos CSS:

theme1.css:

body {
  background-color: blue;
}

theme2.css:

body {
  background-color: green;
}

Actualmente estoy usandoExtractTextPlugin para extraer las hojas de estilo en CSS.