"@" часто используется в качестве псевдонима для часто используемого пути (например, src /) в средах веб-пакетов. Вы должны определить его в своем файле конфигурации, чтобы «@» можно было разрешить в процессе сборки.
Если вы работаете в среде ES6 и несколько раз импортируете компонент, это может быть удобно для создания псевдоним для пути к компоненту.
Пример (источник: документация веб-пакета ):
resol.alias
объект
Создание псевдонимов для упрощения импорта или использования определенных модулей. Например, для псевдонима набора часто используемых папок src /:
webpack.config. js
module.exports = {
//...
resolve: {
alias: {
Utilities: path.resolve(__dirname, 'src/utilities/'),
Templates: path.resolve(__dirname, 'src/templates/')
}
}
};
Теперь вместо использования относительных путей при импортировать так:
import Utility from '../../utilities/utility';
вы можете использовать псевдоним:
import Utility from 'Utilities/utility';
Подобный ответ вы можете найти здесь: { ссылка }