vue中import引入模块路径中@符号是什么意思

Posted 2020-10-30 博仔show

在编写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