.page.client.js

环境：Browser

.page.client.js 文件定义页面的浏览器端代码

它代表了整个浏览器端代码。 这意味着如果不创建任何 .page.client.js 文件，那么我们的应用程序的浏览器端 JavaScript 为零。 （不在生产环境中的 Vite 开发代码除外。）

这也意味着我们可以完全控制浏览器端代码。 我们不仅可以按照我们的意愿渲染/hydrate 我们的页面，而且我们还可以轻松自然地集成浏览器库。

// _default.page.client.js

export { render }

import { hydrate } from 'some-ui-framework'

async function render(pageContext) {
	const { Page } = pageContext
	await hydrate(Page)
}

浏览器端通常是关于 hydrating 页面， 但我们也可以做 partial/island hydration， 只安装几个 JavaScript 事件处理程序， 等等