Как работает подключение файлов через ~?

Question

[Dmitri1998]

Как называется подключение файлов через ~
Увидел, как подключают через ~/es6/functions

Comments

[Lynn «Кофеман»]

Но скорее всего вы это видели в исходниках которые собираются каким-нибудь webpack-ом (или другим сборщиком). Тогда надо смотреть конфиг сборщика.

[Dmitri1998]

Lynn «Кофеман», а как настроить переход по файлам через функцию по ним?
На обычных import { user } from './users/user.js' переходит в другой файл
А в таких import user ~/es6/functions не переходит

Visul studio code
При попытке через нажать go to definition

[Сергей delphinpro]

Dmitri1998, в phpStorm есть настройка с указанием пути к webpack.config.js из которого он берет инфу о таких путях, и прекрасно по ним переходит. Возможно что-то подобное есть в VSCode нативно или плагином.

[Дмитрий Беляев]

а как настроить переход по файлам через функцию по ним?

Dmitri1998, https://code.visualstudio.com/docs/nodejs/working-...
структура конфига позаимствована у tsconfig.json

[Dmitri1998]

Дмитрий Беляев, поставил расширение
TypeScript and JavaScript Language Features
Но переходы так и не осуществились, он пытается что-то найти, но не находит
Или я что-то пропустил и нужно менять что-то в настройках VSC ещё?

[Дмитрий Беляев]

Dmitri1998, нужно прописать в jsconfig.json опцию compilerOptions.paths
https://www.typescriptlang.org/tsconfig#paths

Answer 1

[ildar-meyker]

Тильда "~" это псевдоним, который заменяет путь до node_modules.

Подробнее можно прочитать здесь:
https://stackoverflow.com/questions/39535760/what-...
https://stackoverflow.com/questions/43113870/what-...

На практике это может работать не всегда. Бывало, что не работало со стилями, поэтому лично я предпочитаю указывать полный путь.

Comments

[Dmitri1998]

А как добавить поиск в VSС по этим путям?

[Froggyweb]

Dmitri1998, Path Autocomplete path-autocomplete.pathMappings

[Dmitri1998]

Froggyweb, так это вроде он помогает дописывать путь, а не искать по параметрам из вебпака?

[Froggyweb]

Dmitri1998, Можно в настройки ввести alias смотри pathMappings