vue中import引入模塊路徑中@符號是什么意思

在編寫vue文件中引入模塊

import model from "@/common/model";

這里路徑前面的“@”符號表示什么意思？

resolve: {
    // 自動補全的擴展名
    extensions: ['.js', '.vue', '.json'],
    // 默認路徑代理
    // 例如 import Vue from 'vue'，會自動到 'vue/dist/vue.common.js'中尋找
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}

@ 等價於 /src 這個目錄，避免寫麻煩又易錯的相對路徑

參考牛人文章

https://zhuanlan.zhihu.com/p/25829687