美文网首页
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