美文网首页
vue中import引入模块路径中@符号是什么意思

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

作者: 诗酒趁年华_d593 | 来源:发表于2020-05-26 12:14 被阅读0次

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 这个目录,避免写麻烦又易错的相对路径

相关文章

网友评论

      本文标题:vue中import引入模块路径中@符号是什么意思

      本文链接:https://www.haomeiwen.com/subject/vlvmahtx.html