javascript - vuerouter import from 里的@/xxxx 是什么意思

问题描述

例如：

import Menu from ’@/components/menu’;

这是es6语法吗

问题解答

这是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’ }}回答2：

@ 是 webpack 定义的别名

build/webpack.base.conf.js

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