102 lines
3.5 KiB
TypeScript
102 lines
3.5 KiB
TypeScript
|
import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
|
|||
|
|
import { createVitePlugins } from "./build/plugins";
|
|||
|
|
import { resolve } from "path";
|
|||
|
|
import { wrapperEnv } from "./src/utils/getEnv";
|
|||
|
|
import { createProxy } from "./build/proxy";
|
|||
|
|
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: {
|
|||
|
|
less: {
|
|||
|
|
additionalData: `
|
|||
|
|
@import "@/styles/var.less";
|
|||
|
|
`,
|
|||
|
|
javascriptEnabled: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
server: {
|
|||
|
|
host: "0.0.0.0",
|
|||
|
|
port: viteEnv.VITE_PORT,
|
|||
|
|
open: viteEnv.VITE_OPEN,
|
|||
|
|
cors: true,
|
|||
|
|
// 设置https 代理
|
|||
|
|
proxy: createProxy(viteEnv.VITE_PROXY)
|
|||
|
|
// proxy: {
|
|||
|
|
// "/api": {
|
|||
|
|
// target: "https://mock.mengxuegu.com/mock/64112a1afe77f949bc0d6ec6/guyue",
|
|||
|
|
// changeOrigin: true,
|
|||
|
|
// rewrite: (path: string) => path.replace(/^\/api/, "")
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
plugins: createVitePlugins(viteEnv),
|
|||
|
|
esbuild: {
|
|||
|
|
pure: viteEnv.VITE_DROP_CONSOLE ? ["console.log", "debugger"] : []
|
|||
|
|
},
|
|||
|
|
// 配置构建过程的选项，例如是否生成压缩文件和源映射
|
|||
|
|
build: {
|
|||
|
|
// 构建输出的目录，默认值为"dist"
|
|||
|
|
outDir: "dist",
|
|||
|
|
// 用于指定使用的代码压缩工具。在这里，minify 被设置为 'terser'，表示使用 Terser 进行代码压缩。默认值terser
|
|||
|
|
// esbuild 打包更快，但是不能去除 console.log，terser打包慢，但能去除 console.log
|
|||
|
|
minify: "terser",
|
|||
|
|
// 用于配置 Terser 的选项
|
|||
|
|
terserOptions: {
|
|||
|
|
// 用于配置压缩选项
|
|||
|
|
compress: {
|
|||
|
|
drop_console: true, // 是否删除代码中的 console 语句, 默认值false
|
|||
|
|
drop_debugger: true // 是否删除代码中的 debugger 语句, 默认值false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 禁用 gzip 压缩大小报告，可略微减少打包时间
|
|||
|
|
reportCompressedSize: false,
|
|||
|
|
// 用于指定是否生成源映射文件。源映射文件可以帮助调试和定位源代码中的错误。当设置为false时，构建过程不会生成源映射文件
|
|||
|
|
sourcemap: false,
|
|||
|
|
// 用于配置 CommonJS 模块的选项
|
|||
|
|
commonjsOptions: {
|
|||
|
|
// 用于指定是否忽略 CommonJS 模块中的 try-catch 语句。当设置为false时，构建过程会保留 CommonJS 模块中的 try-catch 语句
|
|||
|
|
ignoreTryCatch: false
|
|||
|
|
},
|
|||
|
|
// 规定触发警告的 chunk 大小, 当某个代码分块的大小超过该限制时，Vite 会发出警告
|
|||
|
|
chunkSizeWarningLimit: 2000,
|
|||
|
|
// 用于配置 Rollup 打包工具的选项
|
|||
|
|
rollupOptions: {
|
|||
|
|
// 用于配置输出选项
|
|||
|
|
output: {
|
|||
|
|
// 静态资源分类和包装
|
|||
|
|
chunkFileNames: "assets/js/[name]-[hash].js", // 用于指定代码分块的输出文件名格式
|
|||
|
|
entryFileNames: "assets/js/[name]-[hash].js", // 用于指定入口文件的输出文件名格式
|
|||
|
|
assetFileNames: "assets/[ext]/[name]-[hash].[ext]" // 用于指定静态资源的输出文件名格式
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
});
|