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 creat...
Vite

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

vanilla-tsアプリでbuild先を変更する方法 - Vite build先変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0 npm 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@lat...
Vite

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

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

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

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

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

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