技术：2026 前端工具链盘点

工具链的第一原则：每一环只留一个工具。两个工具做同一件事，你就要为“选哪个”付一辈子的认知税。

构建：Astro 一把梭

内容站用 Astro，交互密集的应用用 Vite + 框架。本站（你正在看的这个）是纯 Astro：静态输出、岛屿架构、图片管道全内置。

// astro.config.mjs —— 全部配置就这么多
export default defineConfig({
  site: 'https://www.moewah.com',
  markdown: {
    shikiConfig: { theme: 'css-variables' },
  },
});

零配置不是目标，配置收敛才是。能写进约定的，绝不写进配置文件。

包管理：pnpm

pnpm add -D astro @astrojs/sitemap

省磁盘、装得快、monorepo 天然支持。npm 和 yarn 已经没有出场的理由了。

发布：构建即全部

静态站的美妙之处在于：构建产物就是全部事实。没有服务进程、没有运行时状态，dist/ 目录拷到哪都能跑。

下一期聊聊工具：命令行里那些一天用几十次的小东西。