Astro 5.0 ,爆火的现代化前端框架!
1.7k
类别: 
开发交流

Astro 5.0,该版本带来了以下更新:

  • 内容层:
    提供了一种统一的、类型安全的API来定义、加载和访问内容。
    支持从任何来源加载内容,包括文件系统、CMS、REST API 等。
    通过内置的或自定义的加载器来获取和转换数据。
    提升了性能,Markdown页面的构建速度提高了5倍,MDX页面提高了2倍,同时内存使用减少 25 - 50%。

  • Server Islands:是对 islands 架构概念在服务器端的扩展。
    允许在同一页面上结合高性能的静态HTML和动态服务器生成的组件。
    用于处理个性化内容,如用户的头像、购物车和产品评论。
    提供了更好的缓存策略,允许对页面的不同部分进行不同程度的缓存。

  • 简化预渲染
    将混合(Hybrid)和静态(Static)输出模式合并到默认的静态选项中。
    允许通过添加适配器在服务器上动态渲染单个路由,无需额外配置。

  • 类型安全环境变量(astro:env):
    提供了一种类型安全的方式来定义应用预期和需要的环境变量。
    可以指定变量是在客户端还是服务端使用。
    可以指定变量是否为秘密(如API密钥),以及是否为必需或可选。

  • 支持 Vite 6:
    Astro 5是首批搭载 Vite 6 的框架之一。
    Vite 6 的新特性包括环境API,允许更紧密地将开发体验与生产环境对齐。

  • 实验性功能:
    响应式图片裁剪支持:使用 Sharp 图像服务进行图片处理时支持裁剪。
    响应式图片布局:自动生成适当的srcsetsizes值,以优化不同设备上的图片显示和性能。
    SVG组件:允许将.svg文件导入并像其他Astro组件一样使用,可以传递属性如widthheightfillstroke等。

标签:
评论 0
/ 1000
0
0
收藏