javascript - webpack中alias配置中的“@”是什么意思？

Question

 output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    -------------@是什么意思----------------
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }
    -------------------------------
  },

Answer 1

단지 별칭일 뿐입니다.
이후 참조에 대한 경로의 복잡성을 줄이기 위해 별칭이 여기에서 설정됩니다.

//예를 들어
소스
 - 구성 요소
   -a.vue
 -라우터
   -집
     -index.vue


index.vue에서 A 구성 요소는 일반적으로 참조됩니다.

'../../comComponents/a.vue'에서 A 가져오기

별칭이 설정된 경우.
별칭: {
  'vue$': 'vue/dist/vue.esm.js',
  '@': 해결('src')
}

참조의 로컬 경로는 다음과 같습니다.

'@/comComponents/a.vue'에서 A 가져오기

여기서 @는 [resolve('src')] 경로 역할을 합니다.

Answer 2

공식 문서를 읽으면 비슷한 문제를 해결할 수 있습니다