daofu-large-screen/vite.config.ts

import { UserConfigExport, ConfigEnv, loadEnv } from "vite";
import { resolve } from "path";
import { wrapperEnv } from "./build/utils";
import { createProxy } from "./build/proxy";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";
import html from "vite-plugin-html";
import viteSvgLoader from "vite-plugin-svg-icons";
import { vitePluginMars3d } from 'vite-plugin-mars3d'

const pathResolve = (dir: string): string => {
  return resolve(__dirname, ".", dir);
};

const alias: Record<string, string> = {
  "@": pathResolve("src"),
  "@build": pathResolve("build"),
  //解决开发环境下的警告 You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.
  "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js",
};

const root: string = process.cwd();

// https://vitejs.dev/config/
export default ({ command, mode }: ConfigEnv): UserConfigExport => {
  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_TITLE, VITE_BUILD_DROP_CONSOLE } = wrapperEnv(
    loadEnv(mode, root)
  );
  // 获取 .env 文件里定义的环境变量
  const ENV = loadEnv(mode, root)

  return {
    /**
     * 基本公共路径
     * /manages/ 可根据项目部署域名的后缀自行填写（全局搜/manages/替换）
     * @default '/'
     */
    base: process.env.NODE_ENV === "production" ? "./" : VITE_PUBLIC_PATH,
    root,
    resolve: {
      alias,
    },
    // 服务端渲染
    server: {
      // 是否开启 https
      https: false,
      /**
       * 端口号
       * @default 3000
       */
      port: VITE_PORT,
      host: "0.0.0.0",
      // 本地跨域代理
      proxy: createProxy(VITE_PROXY),
    },
    plugins: [
      vue(),
      vueJsx(),
      vitePluginMars3d(),
      html({
        inject: {
          injectData: {
            VITE_TITLE,
          },
        },
        minify: true,
      }),
      viteSvgLoader({
        iconDirs: [pathResolve("./src/assets/svg")],
        symbolId: "icon-[dir]-[name]",
      }),
    ],
    define: {
      "process.env": {
        BASE_URL: ENV.VITE_PUBLIC_PATH,
      },
      buildTime: new Date()
    },
    build: {
      minify: 'terser',
      target: "es2020",
      terserOptions: {
        compress: {
          drop_console: VITE_BUILD_DROP_CONSOLE, // 在生产环境移除console.log
          drop_debugger: true // 在生产环境移除debugger
        }
      }
    },
    optimizeDeps: {
      esbuildOptions: {
        target: "es2020",
      },
    },
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import "./src/styles/variables";`,
        },
      },
    },
  };
};