Не удается разрешить '../../theme.config'

Question

У меня есть такая структура проекта:

├── public
│   └── index.html
├── README.md
├── src
│   ├── App.js
│   ├── common
│   │   ├── actions
│   │   ├── api
│   │   ├── constants
│   │   ├── reducers
│   │   ├── sagas
│   │   ├── selects
│   │   ├── store
│   │   └── utils
│   ├── components
│   ├── containers
│   ├── index.js
│   └── styles
│       ├── site
│       ├── style.less
│       ├── theme.config
│       ├── theme.less
│       └── themes
├── webpack.config.js

в веб-пакете у меня есть псевдоним:

resolve: {
    alias: {
        '../../theme.config$': path.join(__dirname, '/styles/theme.config')
    }
}

но псевдоним не будет работать:

@import (multiple) '../../theme.config'; ^ Can't resolve '../../theme.config'

Я не знаю, что я делаю неправильно. Может быть, я делаю неправильный конфиг для псевдонимов?