Sé que está importando un archivo, pero no sé qué significa "@", he visto un montón de fragmentos de código que usan esta misma sintaxis.
Intenté implementar el mismo escenario de cualquier manera que pensé que podría ser posible, pero aún no tuve éxito.
Primero debe agregar babel-plugin-root-import en sus devDependencies en package.json (si usa yarn: yarn add babel-plugin-root-import --dev ). Luego en tu . babelrc agregue las siguientes líneas en la clave de plugins :
"plugins": [ [ "babel-plugin-root-import", { "rootPathPrefix": "@" } ] ] Ahora, puede usar @. Por ejemplo:
En vez de:
import xx from '../../utils/somefile'Puedes:
import xx from '@/utils/somefile'Son importación de alias de paquete web, esta configuración ayuda a acortar su ruta absoluta/relativa.
Lea más aquí: https://webpack.js.org/configuration/resolve/
Esto se usa cuando desea usar paquetes de alcance.
¿Qué son los paquetes de alcance? Respuesta: los ámbitos son una forma de agrupar paquetes relacionados y también afectan algunas cosas sobre la forma en que npm trata el paquete.