PingChuan
113 lines
3.5 KiB
TypeScript
113 lines
3.5 KiB
TypeScript
import { vitePlugin as remix } from "@remix-run/dev";
|
|
import { defineConfig } from "vite";
|
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
|
|
declare module "@remix-run/node" {
|
|
interface Future {
|
|
v3_singleFetch: true;
|
|
}
|
|
}
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
remix({
|
|
future: {
|
|
v3_fetcherPersist: true,
|
|
v3_relativeSplatPath: true,
|
|
v3_throwAbortReason: true,
|
|
v3_singleFetch: true,
|
|
v3_lazyRouteDiscovery: true,
|
|
},
|
|
}),
|
|
tsconfigPaths(),
|
|
],
|
|
define: {
|
|
// 在构建时为客户端代码提供环境变量
|
|
|
|
// NODE_ENV: 当前运行环境，影响API配置选择
|
|
// - development: 开发环境，使用本地API服务器
|
|
// - testing: 测试环境，使用测试API服务器
|
|
// - production: 生产环境，使用生产API服务器
|
|
"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || "development"),
|
|
|
|
// 注意：移除端口相关的硬编码，改为运行时动态获取
|
|
// PORT和API_PORT_CONFIG将在运行时通过环境变量或启动参数获取
|
|
|
|
// CLIENT_ID: 客户端标识，用于区分不同地区的客户端（可选）
|
|
// - main: 主服务
|
|
// - chaozhou: 潮州客户端
|
|
// - jieyang: 揭阳客户端
|
|
// - yunfu: 云浮客户端
|
|
// - meizhou: 梅州客户端
|
|
// - province: 省局客户端
|
|
"process.env.CLIENT_ID": JSON.stringify(process.env.CLIENT_ID || "main"),
|
|
|
|
// NEXT_PUBLIC_前缀的环境变量，确保客户端能获取到
|
|
"process.env.NEXT_PUBLIC_NODE_ENV": JSON.stringify(process.env.NEXT_PUBLIC_NODE_ENV || process.env.NODE_ENV || "development"),
|
|
"process.env.NEXT_PUBLIC_CLIENT_ID": JSON.stringify(process.env.NEXT_PUBLIC_CLIENT_ID || process.env.CLIENT_ID || "main"),
|
|
|
|
// 注意：移除了 NEXT_PUBLIC_API_BASE_URL 和 NEXT_PUBLIC_API_ENV
|
|
// 这些变量会覆盖多客户端配置逻辑，导致配置冲突
|
|
// 如需特殊配置，请直接修改 api-config.ts 中的配置
|
|
},
|
|
server: {
|
|
host: '0.0.0.0',
|
|
// port: 5173,
|
|
port: Number(process.env.PORT) || 51703,
|
|
open: true,
|
|
// open: false,
|
|
allowedHosts: ['nas.7bm.co', 'localhost', '127.0.0.1'], // 允许的主机名列表1
|
|
cors: true,
|
|
// HMR配置
|
|
hmr: {
|
|
// 控制HMR更新时行为
|
|
overlay: false,
|
|
},
|
|
},
|
|
// 优化依赖预构建配置
|
|
optimizeDeps: {
|
|
// 防止依赖预构建时触发页面刷新导致路由中断
|
|
force: false,
|
|
// 预构建这些依赖，避免首次加载时出现重新构建
|
|
include: [
|
|
'react-pdf',
|
|
'pdfjs-dist',
|
|
'dayjs',
|
|
'@remix-run/node',
|
|
'react-dom',
|
|
'axios',
|
|
'dayjs/plugin/utc',
|
|
'@remix-run/react',
|
|
'react-router-dom',
|
|
'jszip',
|
|
'ahooks',
|
|
'antd',
|
|
'immer',
|
|
'@ant-design/icons',
|
|
'react-markdown',
|
|
'remark-math',
|
|
'remark-breaks',
|
|
'rehype-katex',
|
|
'remark-gfm',
|
|
// Ant Design X 相关依赖
|
|
'@ant-design/x',
|
|
],
|
|
},
|
|
// SSR 配置 - 解决 antd 6.0 和 @ant-design/x 的 ESM 模块解析问题
|
|
ssr: {
|
|
// 使用正则匹配所有 antd 和 rc-* 相关包
|
|
noExternal: [/^antd/, /^@ant-design/, /^rc-/, /^@rc-component/],
|
|
// 优化 SSR 依赖预构建
|
|
optimizeDeps: {
|
|
include: ['antd', '@ant-design/x', '@ant-design/x-markdown', '@ant-design/icons'],
|
|
},
|
|
},
|
|
// 解决 antd ESM 导入问题
|
|
resolve: {
|
|
alias: [
|
|
// 将 antd/lib 重定向到 antd/es
|
|
{ find: /^antd\/lib\/(.*)/, replacement: 'antd/es/$1' },
|
|
],
|
|
},
|
|
});
|