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

Posted 2021-01-08 wangzhisdu

在编写vue文件中引入模块

import(‘@/view/single-page/home‘)

这里路径前面的“@”符号表示什么意思？

// vue.config.js
chainWebpack: config => {
    config.resolve.alias
      .set(‘@‘, resolve(‘src‘)) // key,value自行定义，比如.set(‘@@‘, resolve(‘src/components‘))
      .set(‘_c‘, resolve(‘src/components‘))
      .set(‘_conf‘, resolve(‘config‘))
  }

"@"符号是一种别名的写法，这里代表"src"路径。