Должен ли я использовать @ или ~ в JS импорте (Vue .js / Nuxt. js)?

Question

Извините, если это дубликат, но я не смог найти подходящий ответ на свой вопрос.

Как вы, возможно, знаете, у Webpack есть псевдоним для каталога root, который равен ~. Тем не менее, я видел, как многие люди использовали символ @ при импорте модулей с использованием синтаксиса ES6. Оба работают при импорте модулей.

Мой вопрос таков ... Есть ли какие-либо последствия при использовании символа ~ при импорте модулей на страницах и в компонентах, или это просто лучшая практика использовать @ ? Я использую ~, поскольку у меня меньше шансов перепутать их, поскольку файл nuxt.config.js не поддерживает использование @.

Answer 1

Префикс ~ используется для разрешения импорта из пути node_modules. Префикс @ установлен в Vue для разрешения импорта из пути src.

Answer 2

Не существует стандартного способа ссылки на папку root в JS. Насколько мне известно, это не указано ни в каких спецификациях.

И ~, и @ определяются каким-либо сборщиком пакетов, который вы используете.

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

Я больше использую @, потому что это значение по умолчанию для vue .js / webpack устанавливает, но я бы использовал все, что выходит из коробки, с другой настройкой.