javascript - ¿Cómo reescribir automáticamente las rutas de importación relativas a absolutas?

Estoy tratando de reescribir todas las rutas relativas existentes en mi proyecto de javascript/typescript a rutas absolutas.

Ejemplo :

import example from "../../example"

sería reescrito a

import example from "src/components/example" 

Así que estoy buscando un script o algo similar para transformar todas estas importaciones. Preferiblemente sería posible ejecutarlo como un script de npm en precommit o algo similar.

¿Hay alguna manera de hacer esto?

Respuesta #1

También enfrenté este problema y creé un complemento de ESLint para resolverlo. Puedes encontrarlo aquí: https://github.com/qDanik/eslint-plugin-path

Respuesta #2

Parece que las importaciones se realizan para análisis estático y no pueden ser realmente dinámicas (importar módulos usando la sintaxis ES6 y una ruta dinámica). Sin embargo, me pregunto si puedes hacer algo en el tsconfig.json para lograr esto. Bajo las "compilerOptions: { ..., "paths": { "@components/": "src/components/". No estoy seguro de que esto resuelva tu caso de uso, pero puede valer la pena intentarlo. Entonces tu importación se vería así:

import { ejemplo } from "@components/ejemplo"