@Devilz_1

Сокращенный импорт для *.tsx и *.jsx, нужно ли добавлять алиасы и в конфиг вебпака и в tsconfig?

Всем привет! Итак...
Есть у меня папка с модулями. У каждого модуля есть свои папки с компонентами, редьюсерами, экшенами, типами, фикстурами и т.д.
Эта папка с модулями периодически пополняется.
Я решил упростить импорт внутри директорий этих модулей.
Т.е.
Например имеем такую структуру папок:
---| src
------| modules
--------| about
--------| menu
--------| contacts
--------| orderSuccess

Мне нужно, чтобы например в папке about вместо импорта "../../../../components/footer/footer" был импорт "@about/components/footer/footer". Окей. Поскольку папка постоянно дополняется новыми модулями, я решил автоматизировать процесс добавления новых алиасов.
Я написал метод, который считывает директорию по указанному пути (fs.readdirSync), отдаёт массив всех файлов и папок в этой директории и после этого я формирую объект алиасов и спредом разворачиваю в объекте resolve.alias в webpack.config. Всё работает, всё ок. НО.

В проекте есть typescript. Судя по тому, что я вычитал, для typescript (как и для jest) нужно так же добавлять алиасы. Всё норм, но здесь мой метод уже не в кассу ибо tsconfig - это json. А дописывать каждый раз ручками не очень хочется

Подскажите плз мб существует универсальное решение, при котором алиасы мы пишем в 1 месте и на это место будут ссылаться и webpack и typescript?
Если есть, то какое? Если нет, то можно ли как-то воспользоваться моим методом для конфигурации typescript?
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
bingo347
@bingo347
Ткнуть в доку лучше готового к копипасте ответа
tsconfig.json
{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@*": ["./src/modules/*"]
        }
    }
}
остальные параметры по своему вкусу

с webpack боюсь придется для каждой папки генерировать свой алиас, но учитывая что конфиг webpack - это код, не большая проблема, а за основу для генерации он может брать tsconfig.json
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
w3bsme
@w3bsme
Интересное хуже
Вот ещё, ознакомься
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы