./
这是相对路径的意思,同级目录。
../上级目录。@/
这是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的那个文件里面。