73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
import path from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
|
|
import react from "@vitejs/plugin-react";
|
|
import { defineConfig } from "vite";
|
|
import sourceIdentifierPlugin from "vite-plugin-source-identifier";
|
|
|
|
const rootDir = fileURLToPath(new URL(".", import.meta.url));
|
|
// Tailwind 4 emits CSS cascade layers, which require Chrome 99+. Chrome 100
|
|
// is therefore the practical lower bound for this Win7 legacy build.
|
|
const LEGACY_CHROME = 100 << 16;
|
|
|
|
export default defineConfig({
|
|
plugins: [sourceIdentifierPlugin(), react()],
|
|
css: {
|
|
// Also used by the production CSS minifier. Development CSS is handled
|
|
// by the matching PostCSS compatibility pass in postcss.config.js.
|
|
lightningcss: {
|
|
targets: {
|
|
chrome: LEGACY_CHROME,
|
|
},
|
|
},
|
|
},
|
|
resolve: {
|
|
alias: [
|
|
{
|
|
// react-syntax-highlighter@16.1.1 exposes an async `sqlMore`
|
|
// loader, but its own highlight.js@10.x dependency has no
|
|
// `sql_more` module. Reuse the bundled SQL grammar so Rollup can
|
|
// resolve every generated language loader without leaving a broken
|
|
// browser-time external import.
|
|
find: /^highlight\.js\/lib\/languages\/sql_more$/,
|
|
replacement: "highlight.js/lib/languages/sql",
|
|
},
|
|
{
|
|
find: "@/env",
|
|
replacement: path.resolve(rootDir, "src/env.ts"),
|
|
},
|
|
{
|
|
find: "next/navigation",
|
|
replacement: path.resolve(rootDir, "src/shims/next-navigation.ts"),
|
|
},
|
|
{
|
|
find: "next/link",
|
|
replacement: path.resolve(rootDir, "src/shims/next-link.tsx"),
|
|
},
|
|
{
|
|
find: "@vite",
|
|
replacement: path.resolve(rootDir, "src"),
|
|
},
|
|
{
|
|
find: "@",
|
|
replacement: path.resolve(rootDir, "src"),
|
|
},
|
|
],
|
|
},
|
|
// Keep the current portable-file default, while allowing container builds to
|
|
// emit absolute asset URLs. The latter is required for BrowserRouter pages
|
|
// behind Nginx: a request to /page/... must still load /assets/... rather
|
|
// than /page/assets/....
|
|
base: process.env.VITE_ASSET_BASE ?? "./",
|
|
build: {
|
|
cssMinify: "lightningcss",
|
|
target: "chrome100",
|
|
},
|
|
server: {
|
|
// 与 scripts/env.sh FRONTEND_PORT=5174、圆桌 wujie 嵌入文档一致。
|
|
port: 5173,
|
|
// 无界宿主跨域 fetch 子应用静态资源时，Vite 需回显请求的 Origin。
|
|
cors: true,
|
|
},
|
|
});
|