JianMiauandClaude Fable 5
1637a56908
根本原因： 專案缺少說明文件；bundle 為單一 910KB 主檔改版快取效率差，且每次開頁 與連續操作都會重複呼叫 Google Sheets API。 影響： 主 chunk 降至 216KB（react/antd 拆出可長期快取，jsrsasign 僅非安全來源 才動態載入）；平台清單 sessionStorage 快取 5 分鐘、平台分頁記憶體快取 60 秒；機台圖片懶載入；InputNumber 改用 suffix 消除棄用警告。 修法： - vite.config.ts 加入 manualChunks 拆分 react / antd+dayjs - GoogleSheetService 加入兩層快取 - Image 元件預設 loading="lazy" - SDGame 三個 InputNumber 的 addonAfter 改為 suffix - 新增 README.md（功能、開發、技術備註、部署） Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import react from "@vitejs/plugin-react-swc";
|
|
import path from "path";
|
|
import { defineConfig } from "vite";
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
define: {
|
|
"AppVersion": JSON.stringify(process.env.npm_package_version),
|
|
},
|
|
resolve: {
|
|
alias: [
|
|
{ find: "@", replacement: path.resolve(__dirname, "src") },
|
|
{ find: "@views", replacement: path.resolve(__dirname, "src/views") },
|
|
{ find: "@assets", replacement: path.resolve(__dirname, "src/assets") },
|
|
{ find: "@css", replacement: path.resolve(__dirname, "src/assets/css") },
|
|
{ find: "@less", replacement: path.resolve(__dirname, "src/assets/less") },
|
|
{ find: "@images", replacement: path.resolve(__dirname, "src/assets/images") },
|
|
{ find: "@components", replacement: path.resolve(__dirname, "src/components") },
|
|
],
|
|
},
|
|
publicDir: "build-templates",
|
|
build: {
|
|
outDir: "./build",
|
|
rollupOptions: {
|
|
output: {
|
|
// 拆分第三方套件，縮小主 chunk 並提升瀏覽器快取命中率
|
|
manualChunks: {
|
|
react: ["react", "react-dom", "react-router-dom"],
|
|
antd: ["antd", "dayjs"],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
base: "./",
|
|
// envDir: "./viteEnv",
|
|
}); |