静态网站适配器

Qwik 的静态网站适配器可以帮助生成静态 html 文件，这些文件可以轻松部署到任何云提供商。

安装

要集成 static-site 适配器，请使用 add 命令

npm run qwik add static

上面的命令将在项目根目录创建一个名为 adapters/static/vite.config.ts 的目录，其中包含以下代码。

adapters/static/vite.config.ts

import { staticAdapter } from "@builder.io/qwik-city/adapters/static/vite";
import { extendConfig } from '@builder.io/qwik-city/vite';
import baseConfig from '../../vite.config';
 
export default extendConfig(baseConfig, () => {
  return {
    build: {
      ssr: true,
      rollupOptions: {
        input: ['@qwik-city-plan'],
      },
    },
    plugins: [
      staticAdapter({
        origin: 'https://yoursite.qwik.dev',
      }),
    ],
  };
});

请记住将此文件中的 origin 更改为您的域名。

现在，您可以使用 Qwik 的丰富生态系统、基于文件的路由等等生成静态网站。

贡献者

感谢所有帮助改进本文档的贡献者！