Webpackのpath.それは...joinの違い

まず、学習中に発生した問題を記録します.
小tips:pathのjoinとresolveの使い方の違い
path.joinの最近のプロジェクトでの応用

// vue.config.js
function resolve(dir) {
     
  return path.join(__dirname, dir)
}
-------module.exports-----------
 chainWebpack(config){
     
    config.resolve.alias
    .set('components',resolve('src/components'))
  }