在vue的项目中,我们会遇到
import Vue from 'vue'
import Router from 'vue-router'
import searchinput from '../components/mod/searchinput'
import HelloWorld from '@/components/HelloWorld'
这样的路径引用
其中,./
表示的是当前目录下,../
表示的是父级目录下,
@/ 是webpack设置的路径别名,具体代表什么路径,要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
在这里,@/就代表了src这个文件下