路径中“./、../、@”的区别？

./ 相对路径，指当前目录

../ 相对路径，指当前目录的上一层目录

@ 相对路径，以根目录的方式定义相对路径。vue在webpack.base.conf.js文件中配置根目录：

// 连接路径并返回
function resolve(dir) {
  return path.join(__dirname, '..', dir)
}

module.exports = {
  resolve: {
    // 在导入语句没带文件后缀时，webpack会自动按照顺序添加后缀名查找
    extensions: ['.js', '.vue', '.json'],
    // 配置别名
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      // 将项目根目录中，src的路径配置为别名@
      '@': resolve('src'),
    }
  }
}