import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
|
import { resolve } from "path";
|
import { wrapperEnv } from "./build/getEnv";
|
import { createProxy } from "./build/proxy";
|
import { createVitePlugins } from "./build/plugins";
|
import { mars3dPlugin } from "vite-plugin-mars3d";
|
// import { mars3dPlugin } from "vite-plugin-mars3d";
|
import pkg from "./package.json";
|
import dayjs from "dayjs";
|
|
const { dependencies, devDependencies, name, version } = pkg;
|
const __APP_INFO__ = {
|
pkg: { dependencies, devDependencies, name, version },
|
lastBuildTime: dayjs().format("YYYY-MM-DD HH:mm:ss")
|
};
|
|
// @see: https://vitejs.dev/config/
|
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
const root = process.cwd();
|
const env = loadEnv(mode, root);
|
const viteEnv = wrapperEnv(env);
|
|
return {
|
base: viteEnv.VITE_PUBLIC_PATH,
|
root,
|
resolve: {
|
alias: {
|
"@": resolve(__dirname, "./src"),
|
"vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js"
|
}
|
},
|
define: {
|
__APP_INFO__: JSON.stringify(__APP_INFO__)
|
},
|
css: {
|
preprocessorOptions: {
|
scss: {
|
additionalData: `@import "@/styles/var.scss";`
|
}
|
}
|
},
|
server: {
|
host: "0.0.0.0",
|
port: viteEnv.VITE_PORT,
|
open: viteEnv.VITE_OPEN,
|
cors: true,
|
// Load proxy configuration from .env.development
|
proxy: createProxy(viteEnv.VITE_PROXY)
|
},
|
plugins: [...createVitePlugins(viteEnv), mars3dPlugin({ useStatic: true })],
|
esbuild: {
|
pure: viteEnv.VITE_DROP_CONSOLE ? ["console.log", "debugger"] : []
|
},
|
build: {
|
target: "es2022", // 更新目标环境为支持顶级 await 的版本
|
outDir: "dist",
|
minify: "esbuild",
|
// esbuild 打包更快，但是不能去除 console.log，terser打包慢，但能去除 console.log
|
// minify: "terser",
|
// terserOptions: {
|
// compress: {
|
// drop_console: viteEnv.VITE_DROP_CONSOLE,
|
// drop_debugger: true
|
// }
|
// },
|
sourcemap: false,
|
commonjsOptions: {
|
// 默认内部只处理了node_modules，需要将"packages/"也标识处理
|
include: /node_modules|packages/
|
},
|
// 禁用 gzip 压缩大小报告，可略微减少打包时间
|
reportCompressedSize: false,
|
// 规定触发警告的 chunk 大小
|
chunkSizeWarningLimit: 2000,
|
rollupOptions: {
|
output: {
|
// Static resource classification and packaging
|
chunkFileNames: "assets/js/[name]-[hash].js",
|
entryFileNames: "assets/js/[name]-[hash].js",
|
assetFileNames: "assets/[ext]/[name]-[hash].[ext]"
|
}
|
}
|
}
|
};
|
});
|
