Я пытаюсь сделать приложение React темным. На данный момент темы состоят только из разных наборов переменных Sass, которые определяют разные цвета заголовков и т. Д.

Из моего нынешнего пониманияExtractTextPlugin кажется, моя лучшая ставка, так как я не хочу, чтобы мои стили были встроенными, а имели отдельные файлы для каждой темы.

Итак, я создал две темы:

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

Темы импортируют базовый макет и общие стили и переопределяют соответствующие переменные.

Но единственный способ, которым мне удалось заставить webpack создавать отдельные CSS-файлы для обеих тем, - это создать отдельные точки входа для каждой темы в моемwebpack.prod.config:

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

Но добавление новой точки входа для каждой добавляемой новой темы кажется неправильным, и я считаю, что должен быть лучший способ?