Что значит @ в названии модуля npm и как их использовать?

Question

[jeruthadam]

Постоянно у меня проблемы с поломанными путями когда пытаюсь использовать модули, типо npm i @nishanths/zoom.js

Зачем они это делают? Что это? Как их импортировать? Сборщик вебпак, vue-loader.

Answer 1

[Evgeny Kulakov]

Скорее всего у вас в вэбпаке алиас имеется типа вот такого:

alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }

соответственно, когда вы импорт делаете такого модуля, вебпак заменяет путь на путь из алиаса.
Решение - поменять алиас.

Comments

[jeruthadam]

Да, есть именно такое вот в стартере

alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }

[jeruthadam]

А на что менять? По какому принципу это работает?

[Evgeny Kulakov]

Когда вебпак видит @ в пути импорта он ее заменяет на путь из алиаса, просто замените собаку на что-то другое в алиасе, чтобы вебпак не делал эту замену, и тогда модули, которые начинаются с @ будут нормально импортироваться.

[jeruthadam]

Evgeny Kulakov: спасибо, все понятно!

А в целом, зачем используется такое название пакета? В этом есть умысел?

[Evgeny Kulakov]

jeruthadam: имхо нет, просто чел назвал пакет используя свой ник на манер как в телеграмме или в тостере)

[Константин Китманов]

Нередко используют ~ для таких алиасов.

Префикс с собачкой используется, чтобы поместить пакет в т.н. namespace. Например, @angular/core, @angular/compiler и так далее — сразу видно, что это официальный пакет от такой-то команды. Ну и чтоб избежать тайпсквоттинга и таких вот вещей: https://habrahabr.ru/company/ruvds/blog/335144/

[jeruthadam]

Константин Китманов: спс, теперь понятнее. Встречал такое еще у команды Material Design Components. Они назвали с алиасом @material и компоненты отдельно

[Константин Китманов]

jeruthadam: еще тайпинги для TypeScript кладут под @types/. А больше не помню:)

[jeruthadam]

Константин Китманов: вот еще https://github.com/nuxt-community

:)

[Константин Китманов]

jeruthadam: ого, ребята даром времени не теряли, я вижу.