vehicle-monitor/build/utils.ts

import { dirname, resolve } from "node:path";
import { fileURLToPath } from "node:url";
import { loadEnv } from "vite";
import { visualizer } from "rollup-plugin-visualizer";
import viteCompression from "vite-plugin-compression";

export const root: string = process.cwd();

/**
 * @description 根据可选的路径片段生成一个新的绝对路径
 * @param dir 路径片段，默认`build`
 * @param metaUrl 模块的完整`url`，如果在`build`目录外调用必传`import.meta.url`
 */
export const pathResolve = (dir = ".", metaUrl = import.meta.url) => {
  // 当前文件目录的绝对路径
  const currentFileDir = dirname(fileURLToPath(metaUrl));
  // build 目录的绝对路径
  const buildDir = resolve(currentFileDir, "build");
  // 解析的绝对路径
  const resolvedPath = resolve(currentFileDir, dir);
  // 检查解析的绝对路径是否在 build 目录内
  if (resolvedPath.startsWith(buildDir)) {
    // 在 build 目录内，返回当前文件路径
    return fileURLToPath(metaUrl);
  }
  // 不在 build 目录内，返回解析后的绝对路径
  return resolvedPath;
};

/**
 * 封装环境变量配置
 * @param mode 当前模式
 * @param prefix 需要过滤的前缀
 * @link 参考：https://cn.vite.dev/config/#using-environment-variables-in-config
 */
export const wrapperEnv = (mode, prefix = ""): ViteEnv => {
  const env = loadEnv(mode, root, prefix);

  // 将变量转换指定类型
  for (const envName of Object.keys(env)) {
    let realName = env[envName].replace(/\\n/g, "\n");
    realName = realName === "true" ? true : realName === "false" ? false : realName;

    if (envName === "VITE_PORT") {
      realName = Number(realName);
    }
    env[envName] = realName;
    process.env[envName] = realName;
  }
  return env;
};

/* 打包分析 */
export const report = () => {
  const lifecycle = process.env.npm_lifecycle_event;
  return lifecycle === "report"
    ? visualizer({ open: true, brotliSize: true, filename: "report.html" })
    : (null as any);
};

/* 启用gzip压缩 */
export const compressPack = (mode) => {
  const { VITE_COMPRESSION } = wrapperEnv(mode);

  return VITE_COMPRESSION == "gzip" ? viteCompression({ threshold: 1024000 }) : null;
};