use subpath imports

[yuheiy]

• https://github.com/epicweb-dev/epic-stack/blob/main/docs/decisions/031-imports.md
• https://docs.astro.build/en/guides/imports/#aliases

[yuheiy]

typescriptでは5.4以降でサポートされている

https://devblogs.microsoft.com/typescript/announcing-typescript-5-4/#auto-import-support-for-subpath-imports

[yuheiy]

https://github.com/withastro/storefront/blob/ae5d3c383ef79c0e134b88a3d928746a29889045/tsconfig.json#L8

		"paths": {
			"~/*": ["./src/*"],
			...
		},

[yuheiy]

https://nextjs.org/docs/13/app/building-your-application/configuring/absolute-imports-and-module-aliases

// before
import { Button } from '../../../components/button'
 
// after
import { Button } from '@/components/button'

[yuheiy]

yuheiy.comで試用中

• yuheiy/yuheiy.com-v6@b49203e
• yuheiy/yuheiy.com-v6@aebc013

[yuheiy]

https://x.com/styfle/status/1996686407289786469

[yuheiy]

https://x.com/colinhacks/status/1997014636621976024?s=46

[yuheiy]

microsoft/TypeScript#62841

[yuheiy]

https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-beta/#subpath-imports-starting-with-#/