fix: dev build very slow

Author: json-q

src/components/BackButton.astro

@@ -1,5 +1,5 @@
 ---
-import { ChevronLeft } from "@lucide/astro";
+import ChevronLeft from "@lucide/astro/icons/chevron-left";
 import LinkButton from "./LinkButton.astro";
 ---
 <div class="mx-auto flex w-full max-w-app items-center justify-start px-2">

src/components/BackToTopButton.astro

@@ -1,5 +1,6 @@
 ---
-import { ArrowUp, ChevronLeft } from "@lucide/astro";
+import ArrowUp from "@lucide/astro/icons/arrow-up";
+import ChevronLeft from "@lucide/astro/icons/chevron-left";
 ---
 <div
   id="btt-btn-container"

src/components/Datetime.astro

@@ -1,5 +1,5 @@
 ---
-import { CalendarDays } from "@lucide/astro";
+import CalendarDays from "@lucide/astro/icons/calendar-days";
 import dayjs from "dayjs";
 import timezone from "dayjs/plugin/timezone";
 import utc from "dayjs/plugin/utc";

src/components/Pagination.astro

@@ -1,6 +1,7 @@
 ---
 import type { CollectionEntry } from "astro:content";
-import { ArrowLeft, ArrowRight } from "@lucide/astro";
+import ArrowLeft from "@lucide/astro/icons/arrow-left";
+import ArrowRight from "@lucide/astro/icons/arrow-right";
 import type { Page } from "astro";
 import LinkButton from "./LinkButton.astro";
 

src/components/Tag.astro

@@ -1,5 +1,5 @@
 ---
-import { Hash } from "@lucide/astro";
+import Hash from "@lucide/astro/icons/hash";
 
 export interface Props {
   tag: string;

src/components/about/ContactMe.astro

@@ -1,5 +1,5 @@
 ---
-import { Mail } from "@lucide/astro";
+import Mail from "@lucide/astro/icons/mail";
 ---
 <p class="flex items-center gap-2">
   <Mail/>

src/constants.ts

@@ -1,4 +1,6 @@
-import { Mail } from "@lucide/astro";
+// import { Mail } from "@lucide/astro" 这种写法会使 dev 下的构建时间巨量增加
+// https://github.com/withastro/astro/issues/12793
+import Mail from "@lucide/astro/icons/mail";
 import type { Props } from "astro";
 import CnBlogs from "@/assets/CnBlogs.svg";
 import Github from "@/assets/Github.svg";

src/layouts/BaseHeader.astro

@@ -1,5 +1,9 @@
 ---
-import { Menu as IconMenu, Search as IconSearch, Moon, Sun, X } from "@lucide/astro";
+import IconMenu from "@lucide/astro/icons/menu";
+import Moon from "@lucide/astro/icons/moon";
+import IconSearch from "@lucide/astro/icons/search";
+import Sun from "@lucide/astro/icons/sun";
+import X from "@lucide/astro/icons/x";
 import LinkButton from "@/components/LinkButton.astro";
 import { SITE } from "@/config";
 import { NAV_LINKS } from "@/constants";

src/layouts/PostDetails.astro

@@ -1,6 +1,7 @@
 ---
 import { type CollectionEntry, render } from "astro:content";
-import { ChevronLeft, ChevronRight } from "@lucide/astro";
+import ChevronLeft from "@lucide/astro/icons/chevron-left";
+import ChevronRight from "@lucide/astro/icons/chevron-right";
 import BackButton from "@/components/BackButton.astro";
 import BackToTopButton from "@/components/BackToTopButton.astro";
 import Datetime from "@/components/Datetime.astro";

src/pages/index.astro

@@ -1,6 +1,6 @@
 ---
 import { getCollection } from "astro:content";
-import { Rss } from "@lucide/astro";
+import Rss from "@lucide/astro/icons/rss";
 import BetterHr from "@/components/BetterHr.astro";
 import CardPostList from "@/components/CardPostList.astro";
 import LinkButton from "@/components/LinkButton.astro";