mirror of
https://github.com/hectorqin/reader.git
synced 2026-11-11 13:31:09 +08:00
hectorqinandClaude Opus 5.5
fbb7298bf0
client.js was one 1.48 MB bundle (413 kB gzip) because the build assumed the Android shell loads from file://. It no longer does: WebHost serves the bundle from https://appassets.androidplatform.net/ via WebViewAssetLoader, the service worker precaches every emitted file, and the server serves any file under assets/ (caching hashed names forever). - The reader, media library/task/item admin pages and source editor pages load on first visit (app/router/lazy-pages.tsx); wrappers keep the page names, so the route tree and its tests read unchanged. - Chunks are content-hashed; the entry stays client.js and CSS stays one index.css, so no host-facing name changes and no unstyled flash. - A tab running an old client after a deploy gets "应用已更新 · 重新加载" instead of a dynamic-import error. - ui:review now opens a book and asserts the reader chunk loads and renders. client.js: 1478 kB -> 777 kB (gzip 413 -> 231 kB). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
63 lines
2.3 KiB
TypeScript
63 lines
2.3 KiB
TypeScript
import { defineConfig } from 'vitest/config';
|
|
import react from '@vitejs/plugin-react';
|
|
import { pwa } from './tools/pwa/build.ts';
|
|
|
|
// The build output is consumed three ways:
|
|
// - served directly by the server for the browser/H5 build
|
|
// - precached by the service worker (tools/pwa/build.ts lists every emitted file)
|
|
// - copied into the Android app's assets and served by WebViewAssetLoader from
|
|
// https://appassets.androidplatform.net/ (see WebHost.kt), not from file://
|
|
//
|
|
// So relative asset URLs (base: './'), a fixed entry name (client.js) and one
|
|
// stylesheet (index.css, so a lazily loaded screen never paints unstyled), but
|
|
// rarely used screens (the reader, admin pages; app/router/lazy-pages.tsx) are
|
|
// split into content-hashed chunks: every host fetches them like any sibling file,
|
|
// and the server caches the hashed names forever.
|
|
export default defineConfig({
|
|
plugins: [react(), pwa()],
|
|
base: './',
|
|
build: {
|
|
outDir: 'dist',
|
|
emptyOutDir: true,
|
|
target: 'es2020',
|
|
assetsInlineLimit: 0,
|
|
cssCodeSplit: false,
|
|
rollupOptions: {
|
|
output: {
|
|
entryFileNames: 'assets/client.js',
|
|
chunkFileNames: 'assets/[name]-[hash].js',
|
|
// With cssCodeSplit off Vite names the one stylesheet style.css; keep index.css.
|
|
assetFileNames: asset => asset.names?.[0] === 'style.css' ? 'assets/index.css' : 'assets/[name][extname]',
|
|
},
|
|
},
|
|
modulePreload: { polyfill: false },
|
|
},
|
|
server: {
|
|
port: 5174,
|
|
proxy: {
|
|
'/api': {
|
|
target: process.env.READER_SERVER ?? 'http://127.0.0.1:5888',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
allowedHosts: true
|
|
},
|
|
test: {
|
|
environment: 'node',
|
|
setupFiles: ['./test/setup.ts'],
|
|
// The `node:test` files are run by `tsx --test` (see package.json), because
|
|
// they were written for the Node test runner and importing a vitest test
|
|
// file from one process, or vice versa, silently produces "no test suite
|
|
// found". Excluding them here keeps each runner to the files it can actually
|
|
// execute, instead of a green-looking run that quietly skipped half the suite.
|
|
exclude: [
|
|
'test/api.test.ts',
|
|
'test/asset-url.test.ts',
|
|
'test/paginator.test.ts',
|
|
'test/window.test.ts',
|
|
'test/windowed-toc.test.ts',
|
|
'node_modules/**',
|
|
],
|
|
},
|
|
});
|