路径中`@/`代表什么意思，与`./`有何区别呢？

Question

我在一个项目代码中看到：

import store from '@/vuex/store'

请问它与：

import store from './vuex/store'

有什么区别？

Answer 1

import store from './vuex/store'是相对路径，代表当前路径同级下vuex下的store

import store from '@/vuex/store'也是相对路径，和上面意思差不多，但是具体代表什么路径，要看你webpack里面对于@是如何配置的，比如我的:

alias: {
  'vue$': 'vue/dist/vue.esm.js',
  '@': resolve('src'),
  'Axios': 'axios' 
}

Answer 2

你在build文件夹下webpack.base.conf.js可找到@，应该就能知道@代表什么了;

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src')
    }
  },

这里指向src文件夹;

./: 当前目录下;
../: 父级目录;