Как настроить alias в webpack для удобного подключения модулей?

Question

[Andrey Dyrkov]

У меня есть проект, его структура напоминает нечто такое

src/
----/components
--------/header
------------header.js
------------header.scss
----index.js

index.js это entrie описывающее зависимости

import 'components/header/header.js'; //1
import 'header/header'; //2

1-й вариант подключения это обычный, а второй мне удалось сделать добавив в resolve.modules и resolve.extensions соответствующие записи.

Как мне настроить webpack, или хотябы alias для того, чтобы вместо header/header подключать модули просто как header.

PS: модулей очень много и прописывать тупо в alias замену header/header на header не заманчивая идея)

Answer 1

[tvelforce]

alias: {
  '@': path.join(__dirname, '../'),
  '@platform': path.join(__dirname, '../platform/')
  '@header': path.join(__dirname, '../platform/header')
}