路徑中“./、../、@”的區別？

./ 相對路徑，指當前目錄

../ 相對路徑，指當前目錄的上一層目錄

@ 相對路徑，以根目錄的方式定義相對路徑。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'),
    }
  }
}