2020-08-01から1ヶ月間の記事一覧

Svelte + Sapper + TypeScript + TailwindCSS + Svelte Material UI

Svelte Material UIを追加 前回のTailwindCSS対応にSvelte Material UIを追加する。 ここまでの作業 www.axon.jp Svelte Material UIと関連パッケージを追加 $ yarn add -D svelte-material-ui rollup-plugin-postcss node-sass テーマ用の空のscssを作成 $ …

Svelte + Sapper + TypeScript + TailwindCSS

TailwindCSSを追加 前回の外部TypeScriptファイル対応に加えTailwindCSSを追加する。 ここまでの作業 www.axon.jp TailwindCSSとPostCSS-CLiと関連パッケージをインストール postcss-purgecssはNODE_ENVにproductionを指定し不要なセレクタを除いたCSSファイ…

Svelte + Sapper + TypeScript (2)

外部TypeScriptファイル対応 前回のSvelteファイル内のTypeScript対応に加え外部TypeScriptファイルに記述できるように設定する。 ここまでの作業 www.axon.jp TypeScript環境のパッケージをインストール $ yarn add -D @rollup/plugin-typescript ルートにt…

Svelte + Sapper + TypeScript (1)

SvelteファイルのTypeScript対応 Sapperテンプレートを使用したSvelteファイル内でTypeScriptを記述できるように設定をする。 Sapperのテンプレートを取得してパッケージをインストール $ npx degit sveltejs/sapper-template#rollup sapper-typescript $ cd…