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

在vue项目中，我们场遇到以下路径引用的方式：@import './common/var.scss'@import '../../scss/common/var'@import '~@/scss/common/var'其中./表示当前目录下../表示父级目录下@/是webpack设置的路径别名，代表什么路径，要看webpack的build文件夹下webpack.bas...

UIEngineer

6671人浏览 · 2018-07-14 13:25:58

UIEngineer · 2018-07-14 13:25:58 发布

在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'),
        }
},