Vite

vercel

Vite+React(TypeScript)をvercelにデプロイする

Vite+React(TypeScript)をvercelにデプロイするひな形プロジェクト作成 項目 バージョン npm 9.5.1 vite vite/5.0.12 win32-x64 node-v18.16.0$ npm create ...
Vite

vanilla-tsアプリでbuild先を変更する方法 – Vite

vanilla-tsアプリでbuild先を変更する方法 - Vitebuild先変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0npm run buildすると、プロ...
Vite

vanilla-tsアプリでポート番号変更する方法 – Vite

vanilla-tsアプリでポート番号変更する方法 - Viteポート変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0デフォルトポートは5173ですが、このポートを変...
Vite

Viteでvanilla-tsアプリ作成とデバッグ方法

Viteでvanilla-tsアプリ作成とデバッグ方法ひな形プロジェクト作成 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0$ npm create vite@lates...
Vite

React + Viteでvite.config.tsの設定でhttpsに変更する

React + Viteでvite.config.tsの設定でhttpsに変更するvite.config.tsを変更します。import { defineConfig } from 'vite'import react from '@vit...
Vite

React + Vite + vikeでプリレンダリングを有効にする

React + Vite + vikeでプリレンダリングを有効にするvikeをインストールします。npm i vikevite.config.tsを変更します。import { defineConfig } from 'vite'impor...
Vite

React + Vite + vikeでファイルシステムルーティング

React + Vite + vikeでファイルシステムルーティングデフォルトでvikeはファイルシステムルーティングを行います。 ファイルシステム URL src/pages/index.page.tsx / src/pages/logi...