这个东西是在webpack中定义的,位于build文件下的webpack.base.conf.js
简要说明如下
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目录,所以,引入src目录中的组件,可以这样写,例如引入Todo
组件
import Todo from '@/components/Todo'
有了这个,就不用再写相对路径,以免出错。
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!