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

原创于 2018-07-14 13:25:58 发布 · 6.6k 阅读

3 ·

CC 4.0 BY-SA版权

vue框架专栏收录该内容

41 篇文章

订阅专栏

本文介绍了Vue项目中不同路径引用方式的含义及用法，包括相对路径、绝对路径和webpack配置的路径别名，并通过具体实例解释了@/的含义。

在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这个文件夹的路径、