美文网首页
'@/'路径和'./'路径是什么意思

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

作者: RRRookieG | 来源:发表于2018-07-12 10:09 被阅读0次

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

相关文章

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

    在vue项目中,我们常遇到以下路径引用的方式: @import './common/var.scss'; @imp...

  • 6月08日第二十七次早课

    1.pwd是什么 显示当前所在的绝对路径 2.绝对路径和相对路径是什么区别 绝对路径是从/目录开始相对路径是相对于...

  • 20180608早课记录27-Linux

    1.pwd是什么 显示当前所在的绝对路径 2.绝对路径和相对路径是什么区别 绝对路径是从/目录开始相对路径是相对于...

  • 关于消费路径和场景的思考

    今天,看到《一篇文章讲透直播的机会拼图》,感觉很有意思。消费者购买产品的路径被分为搜索路径、内容路径和社交路径,购...

  • vue中import引入模块路径中@符号是什么意思

    vue中import引入模块路径中@符号是什么意思 在编写vue文件中引入模块 这里路径前面的“@”符号表示什么意...

  • webpack+vue学习笔记

    路径中引用中的@符号是什么意思? 在看使用webpack打包的项目代码时,经常会看到在路径中引用@符号import...

  • NSIndexPath - 索引路径

    NSIndexPath 是什么?@interface NSIndexPath : NSObject索引路径索引路径...

  • windows 环境下R语言正确指定文件路径

    认真检查路径中符号均为英文 反斜杠\改为斜杠/ 路径中避免出现中文 路径中使用斜杠/和反斜杠\的区别到底是什么 U...

  • 经络的那些事1

    身体疼痛与经络的关系 经络就像是一种空间通道。“经”有路径的意思,“络”有网络的意思,经络就像路径和水网联系小镇村...

  • LINUX命令操作1207

    1、路径:绝对路径和相对路径 绝对路径:以根路径为起点 /home/用户/Document/sysnet 相对路径...

网友评论

      本文标题:'@/'路径和'./'路径是什么意思

      本文链接:https://www.haomeiwen.com/subject/xdelpftx.html