찾다

 >  Q&A  >  본문

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

 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')
    }
    -------------------------------
  },
PHP中文网PHP中文网2872일 전579

모든 응답(2)나는 대답할 것이다

  • 巴扎黑

    巴扎黑2017-04-17 16:36:12

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

    <코드>//예를 들어
    소스
     - 구성 요소
       -a.vue
     -라우터
       -집
         -index.vue
    
    
    index.vue에서 A 구성 요소는 일반적으로 참조됩니다.
    
    '../../comComponents/a.vue'에서 A 가져오기
    
    별칭이 설정된 경우.
    별칭: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': 해결('src')
    }
    
    참조의 로컬 경로는 다음과 같습니다.
    
    '@/comComponents/a.vue'에서 A 가져오기
    
    여기서 @는 [resolve('src')] 경로 역할을 합니다.
    

    회신하다
    0
  • PHP中文网

    PHP中文网2017-04-17 16:36:12

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

    회신하다
    0
  • 취소회신하다