Estou tentando tornar um aplicativo React utilizável. Por enquanto, os temas consistem apenas em conjuntos diferentes de variáveis Sass que definem cores de cabeçalho diferentes, etc.

Do meu entendimento atual, oExtractTextPlugin parece ser minha melhor aposta, pois não quero que meus estilos sejam incorporados e que tenham arquivos separados por tema.

Então eu criei dois temas:

src/scss/themes/theme-a.scss
src/scss/themes/theme-b.scss

Os temas importam o layout básico e os estilos comuns e substituem as variáveis relevantes.

Mas a única maneira que consegui fazer o webpack criar arquivos CSS separados para ambos os temas foi criar pontos de entrada distintos para cada tema no meuwebpack.prod.config:

entry: {
  app: './src/js/init.js',
  theme-a: './src/scss/themes/theme-a.scss',
  theme-b: './src/scss/themes/theme-b.scss'
},

Mas adicionar um novo ponto de entrada para cada novo tema adicionado parece errado e acho que deve haver uma maneira melhor?