Vue中import@...的意思
烤箱烧烤
转载：
写项⽬的时候看到很多导⼊都是@开头，这是webpack的路径别名，相关代码定义在配置⽂件fig⾥
PS:⾥⾯的路径是针对当前⽂件的路径地址，⽽⾮引⽤⽂件的路径地址。
resolve: {
// ⾃动补全的扩展名
extensions: ['.js', '.vue', '.json'],
汉石桥湿地// 默认路径代理
// 例如 import Vue from 'vue'，会⾃动到 'vue/js'中寻找
蒙台梭利早教alias: {
'@': resolve('src'),
'@config': resolve('config'),
'vue$': 'vue/js'
}
七夕节吃什么
}
其中resolve（）函数是⽂件⾥⾯⾃定义的函数：中国最大地震
function resolve (dir) {
return path.join(__dirname, '..', dir)
孟州炒面}
也可以⾃定义路径：
alias: {
'@': resolve('src'),
'@config': resolve('config'),最美背影
'vue$': 'vue/js'，
'@components':path.join(__dirname, '..', 'src/components')//组件路径
}
字帖
@ 等价于 /src 这个⽬录，避免写⿇烦⼜易错的相对路径
