vue路径引用

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

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

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

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

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

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

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

 

 

仅做记录使用，原文地址如下：
————————————————
版权声明：本文为CSDN博主「RRRookieG」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_28319203/article/details/81004836