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

2024年5月25日 253次阅读 来源: RRRookieG

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

如果你想看更多webpack中resolve.alias配置的讲解，请点击这里。

    原文作者：RRRookieG
    原文地址: https://segmentfault.com/a/1190000015604018
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞