\'@/\'路径和\'./\'路径是什么意思

在vue项目中，我们场遇到以下路径引用的方式：

@import './common/var.scss'

@import '../../scss/common/var'

@import '~@/scss/common/var'

其中

• ./表示当前目录下
• ../表示父级目录下
• @/是webpack设置的路径别名，代表什么路径，要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置

resolve:{
        // 路径别名
        aias:{
            'public':path.resolve(_dirname,'../public'),
            'vue':'vue/dist/vue.js',
            '@':path.resolve('src'),
        }
},

上述例子@/代表着到src这个文件夹的路径、