Closed5

Svelte+SSG+Firebase

koinorikoinori

アダプタをインストール

$ npm i -D @sveltejs/adapter-static@next

設定を変更。

svelte.config.js
import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-static';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	preprocess: [
		preprocess({
			postcss: true
		}),
	],
	kit: {
		adapter: adapter({
			pages: 'public',
			assets: 'public'
		}),
		// hydrate the <div id="svelte"> element in src/app.html
		target: '#svelte'
	}
};

export default config;
koinorikoinori

package.jsonのビルドスクリプトはrimrafでpublicを毎度、削除するように指定。
ついでにdeployスクリプトも追加。

package.json
...
      "build": "npx rimraf public && svelte-kit build",
      "deploy": "npx firebase deploy --only hosting"
...
koinorikoinori

以下のコマンドでビルド&デプロイ

$ npm run build
...
$ npm run deploy
...

でデプロイ完了。

今回はすんなり行きました。
お疲れ様でした。

このスクラップは2021/06/09にクローズされました