脚本宝典收集整理的这篇文章主要介绍了'@/'路径和'./'路径是什么意思，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在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配置的讲解，请点击这里。

脚本宝典总结

以上是脚本宝典为你收集整理的'@/'路径和'./'路径是什么意思全部内容，希望文章能够帮你解决'@/'路径和'./'路径是什么意思所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。