svelte3-single-page-application

このリポジトリーは、技術書典10「いまからはじめる Svelte3」付録のサンプルコードです。

• サイト全体にCSSを適用する
• Web APIを使う
• コンポーネントにアクションを取り付ける
• Lintツールで静的解析する

サンプルコードの試しかた

リポジトリーをクローンしたら、npmパッケージをインストールします。

cd svelte3-single-page-application
npm install

そして、Rollupのモジュール・バンドル処理を実行し...

npm run dev

ウェブブラウザーでlocalhost:5000にアクセスします。

開発環境

• Svelte v3.0
• svelte-check v1.0
• TypeScript v3.9
• ESLint v7.16
• Prettier v2.2
• Jest v-.-
• Testing Library v-.-
• Rollup v2.3
• Twitter Bootstrap v4.3
• FontAwesome v5.15

開発の進めかた

コードを書き換えたら、Lintツール（svelte-check・ESLint・Prettier）で静的解析します。

npm run validate
npm run lint

もしESLintやPrettierがエラーを報告したら...

npm run fix

エラーを解消できたら、ユニットテスト（Jest・Testing Library）を実行します。

npm run test