crazy_fox_web/vite.config.ts

import dayjs from "dayjs";
import { resolve } from "path";
import pkg from "./package.json";
import { wrapperEnv } from "./build";
import { getPluginsList } from "./build/plugins";
import { ConfigEnv, loadEnv, UserConfigExport } from "vite";
import { exclude, include } from "./build/optimize";
import { getProxyConf } from "./build/proxy";
import { getCssOption } from "./build/css";

// 当前执行node命令时文件夹的地址（工作目录）
const root: string = process.cwd();

// 路径查找
const pathResolve = (dir: string): string => {
  return resolve(__dirname, ".", dir);
};

// 设置别名
const alias: Record<string, string> = {
  "@": pathResolve("src"),
  "@build": pathResolve("build")
};

const { dependencies, devDependencies, name, version } = pkg;
const __APP_INFO__ = {
  pkg: { dependencies, devDependencies, name, version },
  lastBuildTime: dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss")
};

export default ({ mode }: ConfigEnv): UserConfigExport => {
  const env = wrapperEnv(loadEnv(mode, root));
  return {
    base: env.VITE_PUBLIC_PATH,
    root,
    resolve: {
      alias
    },
    css: getCssOption(),
    // 服务端渲染
    server: {
      open: true,
      // 是否开启 https
      https: mode === "online",
      // 端口号
      port: env.VITE_PORT,
      host: "0.0.0.0",
      // 本地跨域代理
      proxy: getProxyConf(env)
    },
    plugins: getPluginsList(),
    optimizeDeps: {
      include,
      exclude
    },
    build: {
      sourcemap: false,
      // 消除打包大小超过500kb警告
      chunkSizeWarningLimit: 4000,
      rollupOptions: {
        input: {
          index: pathResolve("index.html")
        }
      }
    },
    define: {
      __INTLIFY_PROD_DEVTOOLS__: false,
      __APP_INFO__: JSON.stringify(__APP_INFO__)
    }
  };
};