What does the @ symbol mean when import is in the vue component?

for example, there is a component index.vue, with the following content:

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

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

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


question:

The

import statement went wrong, caused by the @ symbol in"@ / graphql". What does this @ symbol mean?

Jun.03,2021
The

@ symbol indicates a path. For more information, you need to see the configuration in the configuration file. In alias in webpack.base.conf.js, for example, '@': resolve ('src') indicates that @ will replace the src file path

.
Menu