React | Как убрать повторяющиеся ../ в пути?

Question

[luxurypluxury]

Видел где-то что можно сделать типо '~/file' вместо '../../../file'

Answer 1

[Aetae]

У тебя в тегах вебпак, а значит тебе нужны именно его алиасы.

Если ты используешь cra, то придётся костылить, через craco или подобное.

Answer 2

[Алексей Ярков]

Это алиасы путей. Гуглить их.
https://dev.to/larswaechter/path-aliases-with-type...

Answer 3

[Nik Faraday]

ЕСЛИ я не ошибаюсь, знак тильды используется в стеке asp.net, где этот знак указывает на корневую папку в проекте. Я не уверен, что в вашем случае так можно сделать, по крайней мере, в реакте.

Comments

[luxurypluxury]

Пробовал делать так, ошибку выдаёт

[Nik Faraday]

luxurypluxury, так у вас так и не будет работать, вы же на Reaact'е пишите

[Александр]

Если использовали CRA, то поищите обертки поверх него, которые добавят поддержку алиасов. Если Vite, то https://vitejs.dev/config/shared-options.html#reso....

[imko]

Так он пожтому и говорит "типа")

Answer 4

[luxurypluxury]

resolve: {
        alias: {
            Assets: path.resolve(__dirname, 'src/assets/'),
            Components: path.resolve(__dirname, 'src/components/'),
            Scss: path.resolve(__dirname, 'src/scss/'),
            Pages: path.resolve(__dirname, 'src/pages/')
        }
    }

Вроде все правильно написал, но пути не хотят