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

2021-11-16
2022-12-23
2021-12-12
2021-10-28
2021-06-21
2021-09-03
2021-12-12
2022-12-23