Я начинаю новый проект vue.js, поэтому я использовал инструмент vue-cli для создания нового проекта webpack (т.е. vue init webpack
).
Когда я проходил через сгенерированные файлы, я заметил следующие импорт в файле src/router/index.js
:
import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello' // <- this one is what my qusestion is about
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'Hello',
component: Hello
}
]
})
Я не видел знак (@
) на пути раньше. Я подозреваю, что он допускает относительные пути (может быть?), Но я хотел убедиться, что понимаю, что это действительно так.
Я пробовал искать в Интернете, но не смог найти объяснение (проблема, потому что поиск "при знаке" или использование символа буква @
не помогает в качестве критериев поиска).
Что делает @
на этом пути (ссылка на документацию будет фантастической), и это ли это вещь? Что такое веб-пакет? Что такое vue-loader?
UPDATE
Спасибо Феликс Клинг за то, что он указал мне на другой вопрос о дублировании stackoverflow на этот вопрос.
В то время как комментарий к другому сообщению stackoverflow не является точным ответом на этот вопрос (это не был плагин babel в моем случае), он указал мне в правильном направлении, чтобы найти, что это было.
В лесах, которые vue-cli запускают для вас, часть базовой конфигурации webpack устанавливает псевдоним для файлов .vue:
Это имеет смысл как в том, что он дает вам относительный путь из файла src, и устраняет требование .vue
в конце пути импорта (который вам обычно нужен).
Спасибо за помощь!