vuejs webpack模板里import路径中@符号是什么意思

用vuejs的webpack模板生成的项目中,router/index.js里面有一句:

import Hello from '@/components/Hello'

这里路径前面的“@”符号表示什么意思?

回答:

@ 等价于 /src 这个目录,免得你写麻烦又易错的相对路径

参见本人知乎专栏文章:学习 Vue 你需要知道的 webpack 知识(一)

回答:

没事儿就去看看vue模板的代码,里面都有,这是webpack的路径别名,相关定义在这里:

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'
    }
}

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注