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

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

import store from '@/vuex/store'

请问它与:

import store from './vuex/store'

有什么区别?

回答:

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

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

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

回答:

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

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

这里指向src文件夹;

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注