靜態網站轉接器

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 豐富的生態系統、基於檔案的路由等功能，一邊生成靜態網站。

貢獻者

感謝所有讓這份文件變得更好的貢獻者！