AIxiaocaishen/vite.config.js

import { defineConfig, loadEnv } from "vite";
import pkg from "./package.json"; // 新增包信息导入
import dayjs from "dayjs"; // 新增时间库导入
import { fileURLToPath, URL } from "url"; // 新增路径处理模块
import { wrapperEnv } from "./build/utils";
import { createVitePlugins } from "./build/vite/plugin";
import { createProxy } from "./build/vite/proxy";
import { createBuild } from "./build/vite/build";

const { dependencies, devDependencies, name, version } = pkg;
// 应用信息
const __APP_INFO__ = {
  pkg: { dependencies, devDependencies, name, version },
  lastBuildTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
};

// https://vite.dev/config/
export default defineConfig(({ command, mode }) => {
  // console.log('command', command)
  const root = process.cwd(); // 当前工作目录
  const isBuild = command === "build"; // 是否是构建 serve
  const env = loadEnv(mode, root); // 加载env环境
  // The boolean type read by loadEnv is a string. This function can be converted to boolean type
  const viteEnv = wrapperEnv(env);
  // console.log('viteEnv', viteEnv)

  const { VITE_PUBLIC_PATH, VITE_OUTPUT_DIR } = viteEnv;
  return {
    base: VITE_PUBLIC_PATH,
    root,
    plugins: createVitePlugins(viteEnv, isBuild),
    resolve: {
      alias: {
        "@": fileURLToPath(new URL("./src", import.meta.url)),
      },
    },
    css: {
      preprocessorOptions: {
        scss: {
          charset: false, // 避免出现: build时的 @charset 必须在第一行的警告
          additionalData: `
						@import "@/styles/mixin.scss";
						@import "@/styles/variables.scss";
					`,
        },
      },
    },
    server: {
      host: true,
      proxy: createProxy(),
    },
    build: createBuild(viteEnv),
    define: {
      __APP_INFO__: JSON.stringify(__APP_INFO__),
    }
  };
});