Create a module resolution alias in (e.g.) Vite

vite.config.js

// Note that this uses the __dirname definition from here:
// https://gist.github.com/jrc03c/6fbccd5af3a4d1b61f12e1e620e1c01b

import { defineConfig } from "vite"
import path from "path"

const __dirname = path.resolve(
  import.meta.url.replace("file://", "").split("/").slice(0, -1).join("/")
)

export default defineConfig({
  resolve: {
    alias: {
      "@": __dirname,
    },
  },
})

// Now it's possible to import relative to the project root, like:
// import whatever from "@/path/to/whatever"