在vue項(xiàng)目中，我們常遇到以下路徑引用的方式：
@import './common/var.scss';
@import '../../scss/common/var';
@import '~@/scss/common/var';
其中舔亭，
- ./ 表示當(dāng)前目錄下
- ../ 表示父級(jí)目錄下
- @/ 是webpack設(shè)置的路徑別名些膨，代表什么路徑，要看webpack的build文件夾下webpack.base.conf.js里面對(duì)于@是如何配置
resolve: {
// 路徑別名
alias: {
'public': path.resolve(__dirname, '../public'),
'vue': 'vue/dist/vue.js',
'@': path.resolve('src'),
}
},
上述例子 @/ 代表著到src這個(gè)文件夾的路徑钦铺。
如果你想看更多webpack中resolve.alias配置的講解订雾，請(qǐng)點(diǎn)擊這里。
