vue组件中import的时候@符号表示什么意思？

Question

比如有个组件index.vue，内容如下：

<template>
<div>
//...
<div>
</template>

<script>
import { ALL_POSTS_QUERY } from '@/graphql';

export default {
//...
}
</script>

问题：

import语句出错了，'@/graphql'中的@符号引起的，这个@符号表示什么意思？

Answer 1

@符号表示的是一个路径，具体表示什么，需要看配置文件里的配置，在webpack.base.conf.js中的alias里，比如'@': resolve('src')表示将@代替src文件路径