javascript - Was bedeutet @/xxxx beim Vuerouter-Import von?

Question

Zum Beispiel:

import Menu from '@/components/menu';

Ist das die es6-Syntax

?

Answer 1

这是webpack的路径别名

resolve: {
    // 自动补全的扩展名
    extensions: ['.js', '.vue', '.json'],
    // 默认路径代理
    // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}

Answer 2

@ 是 webpack 定义的别名

build/webpack.base.conf.js

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }
  },