Как подключать пакеты с webpack, если эти пакеты начинаются с @ в названии?

Question

[Ася]

Когда я подключаю обычные пакеты (например import * as jquery from 'jquery';) которые не имеют @ в названии, то все подключается и работает,
но когда я хочу подключить пакет в котором в названии есть @ (например import * as tf from '@tensorflow/tfjs';)

то выдает ошибку:

/node_modules doesn't exist or is not a directory

хотя в node_modeles он есть:

устанавливаю все так - npm install --save @tensorflow/tfjs-node@3.20.0

Comments

[Mikhail Osher]

Если есть возможность пошарить релевантную часть конфига, то это помогло бы разобраться. Никаких доп конфигураций для таких пакетов не надо. Это всего лишь scope - https://docs.npmjs.com/cli/v9/using-npm/scope

Answer 1

[Владислав Enokin]

Чтобы подключить пакеты начинающиеся с @ в webpack, нужно использовать полный путь к пакету, включая @. Например, если вы хотите подключить пакет "@material-ui/core", то ваш код будет выглядеть следующим образом:
import { Button } from '@material-ui/core';
В файле webpack.config.js вам необходимо установить путь к пакету следующим образом:

resolve: {
  alias: {
    '@material-ui/core': path.resolve(__dirname, 'node_modules', '@material-ui/core'),
  },
},

Comments

[Владислав Enokin]

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