雑コード置き場

[Rollup] buildStart() フックにて、アセットを配置する

2024-11-23
SvelteKit でサイトを作成している。
コンテンツを /data というディレクトリに置き、ビルド時に SSG する構成にした。

記事データは +page.server.ts の load() で読み込めば良いが、アセットはどうしようか。
ターミナル 
/data
  ├── article.md // 記事データ
  └── image.png  // アセット (主に画像ファイル)

Rollup の buildStart() フックにて、アセットを /static へ配置する

Rollup にはフックがいくつかあるらしい
・buildStart
・buildEnd
・options

buildStart() はその名の通り、ビルド開始時に呼ばれる様子。ドキュメントのフロー図が分かりやすかった
ドキュメント
</>
    • └
    • └ 
ビルドすると file copied! という文字列が出力される。
うまく呼ばれてそう。
ターミナル 
$ pnpm build
> vite build

vite v5.4.11 building SSR bundle for production...
file copied!
✓ 1918 modules transformed.