vue项目中有时间文件路径上有@,代表什么意思?

./这是相对路径的意思,同级目录。

../上级目录。
@/这是webpack设置的路径别名。

build/webpack.base.conf这个文件里面设置了@具体指的是什么

resolve: {
// 路径别名
alias: {
'@': resolve('src'),
'vue$': 'vue/dist/vue.esm.js'
}
},

就是说@这东西代表着到src这个文件夹的路径。

使用   import utils from '@/assets/js/utils.js'  这里就不用一步步找父元素利用相对路径写很长很久来写了。而是利用@直接定位到了src目录下。然后找这个utils.js是在src的那个文件里面。

你可能感兴趣的:(vue)