alias を使う

src/components/BaseHead.astro

@@ -1,5 +1,5 @@
 ---
-import { SITE_URL } from '../consts'
+import { SITE_URL } from '@/consts'
 
 interface Props {
   title : string;

src/layouts/Default.astro

@@ -1,8 +1,8 @@
 ---
-import BaseHead from '../components/BaseHead.astro'
-import Footer from '../components/Footer.astro'
-import BodyBottomScript from '../components/BodyBottomScript.astro'
-import Header from '../components/Header.astro'
+import BaseHead from '@/components/BaseHead.astro'
+import Footer from '@/components/Footer.astro'
+import BodyBottomScript from '@/components/BodyBottomScript.astro'
+import Header from '@/components/Header.astro'
 
 interface Props {
   title : string;

src/layouts/Post.astro

@@ -1,6 +1,6 @@
 ---
-import DefaultLayout from './Default.astro'
-import Tag from '../components/Tag.astro'
+import DefaultLayout from '@/layouts/Default.astro'
+import Tag from '@/components/Tag.astro'
 interface Props {
   frontmatter : {
     title : string;

src/pages/about.astro

@@ -1,6 +1,6 @@
 ---
-import DefaultLayout from '../layouts/Default.astro'
-import { SITE_TITLE, SITE_DESCRIPTION } from '../consts'
+import DefaultLayout from '@/layouts/Default.astro'
+import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts'
 ---
 
 <DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>

src/pages/index.astro

@@ -1,7 +1,7 @@
 ---
-import DefaultLayout from '../layouts/Default.astro'
-import ArticleCard from '../components/ArticleCard.astro'
-import { SITE_TITLE, SITE_DESCRIPTION } from '../consts'
+import DefaultLayout from '@/layouts/Default.astro'
+import ArticleCard from '@/components/ArticleCard.astro'
+import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts'
 const allPosts = await Astro.glob('../pages/posts/*.md')
 // status がpublish の記事のみ表示する
 const filteredPosts = allPosts.filter((e) => e.frontmatter.status == 'published')

src/pages/rss.xml.js

@@ -1,3 +1,4 @@
+import { SITE_DESCRIPTION, SITE_TITLE } from '@/consts';
 import rss from '@astrojs/rss';
 import { SITE_DESCRIPTION, SITE_TITLE } from '../consts';
 

src/pages/tags/[tag].astro

@@ -1,6 +1,6 @@
 ---
-import DefaultLayout from '../../layouts/Default.astro'
-import ArticleCard from '../../components/ArticleCard.astro'
+import DefaultLayout from '@/layouts/Default.astro'
+import ArticleCard from '@/components/ArticleCard.astro'
 
 export async function getStaticPaths() {
   const allPosts = await Astro.glob('../../pages/posts/*.md')

tsconfig.json

@@ -2,6 +2,12 @@
   "extends": "astro/tsconfigs/base",
   "compilerOptions": {
     "strictNullChecks": true,
-    "allowJs": true
+    "allowJs": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    }
   }
 }