Использование Webpack для псевдонима импорта SASS в другой файл

Question

У меня есть что-то вроде файла S CSS:

@import '~styles/dev';

Затем в моей конфигурации Webpack у меня есть:

resolve: {
  modules: [path.resolve('./src'), path.resolve('./node_modules')],
  alias: ...
}

Моя файловая структура:

src/
  styles/
    dev.scss
    prod.scss

Я хочу, чтобы импорт стал псевдонимом styles/prod для определенных конфигураций Webpack. Я пробовал каждое из следующих действий:

alias: {
  'styles/dev': 'styles/prod',
}

alias: {
  'styles/dev.scss': 'styles/prod',
}

alias: {
  'styles/dev': 'styles/prod.scss',
}

alias: {
  'styles/dev.scss': 'styles/prod.scss',
}

alias: {
  'styles/dev': path.resolve('./src/styles/prod'),
}

alias: {
  [path.resolve('./src/styles/dev')]: path.resolve('styles/prod'),
}

Et c. Но никто из них не работал. Это всего лишь пример, я не думаю, что у меня есть альтернатива, кроме псевдонимов. Как я могу заставить это работать?