静态资源#

每个路由对应一个页面，该页面具有自己的静态资源，如 CSS、JS 等。

Pareto 将在请求到达服务器时立即在 head 标签元素中分发这些静态资源。这使得浏览器可以在服务器接口请求间隙下载和解析这些资源。

Pareto 提供了一个 getAsset 方法，用于添加一些与页面相关的静态资源。这在某些预览页面（比如商品详情页的头图）中非常有用。

例如：

const Home: ParetoPage = () => {
  return (
    <div>
      <h1>Home</h1>
    </div>
  )
}

Home.getAssets = () => {
  return [
    {
      type: 'image',
      url: 'https://example.com/image.jpg',
    },
  ]
}

从 getAssets 返回的数据将被转换为 link 标签并插入页面中。与 react-async-helmet 中的元数据不同之处在于，它的分发时机会更早。