Closed5
Svelte+SSG+Firebase
Firabase adapterではなく、adapter-staticを使用してfirebaseにデプロイする。
アダプタをインストール
$ 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;
Static Site の生成先に public
を指すように修正。
package.jsonのビルドスクリプトはrimraf
でpublicを毎度、削除するように指定。
ついでにdeploy
スクリプトも追加。
package.json
...
"build": "npx rimraf public && svelte-kit build",
"deploy": "npx firebase deploy --only hosting"
...
以下のコマンドでビルド&デプロイ
$ npm run build
...
$ npm run deploy
...
でデプロイ完了。
今回はすんなり行きました。
お疲れ様でした。
このスクラップは2021/06/09にクローズされました