mirror of
https://gitee.com/yiming_chang/vue-pure-admin.git
synced 2024-12-02 03:07:37 +08:00
80 lines
2.4 KiB
TypeScript
80 lines
2.4 KiB
TypeScript
import dayjs from "dayjs";
|
||
import { resolve } from "path";
|
||
import pkg from "./package.json";
|
||
import { warpperEnv } from "./build";
|
||
import { getPluginsList } from "./build/plugins";
|
||
import { include, exclude } from "./build/optimize";
|
||
import { type UserConfigExport, type ConfigEnv, loadEnv } from "vite";
|
||
|
||
/** 当前执行node命令时文件夹的地址（工作目录） */
|
||
const root: string = process.cwd();
|
||
|
||
/** 路径查找 */
|
||
const pathResolve = (dir: string): string => {
|
||
return resolve(__dirname, ".", dir);
|
||
};
|
||
|
||
/** 设置别名 */
|
||
const alias: Record<string, string> = {
|
||
"@": pathResolve("src"),
|
||
"@build": pathResolve("build")
|
||
};
|
||
|
||
const { dependencies, devDependencies, name, version } = pkg;
|
||
const __APP_INFO__ = {
|
||
pkg: { dependencies, devDependencies, name, version },
|
||
lastBuildTime: dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss")
|
||
};
|
||
|
||
export default ({ mode }: ConfigEnv): UserConfigExport => {
|
||
const { VITE_CDN, VITE_PORT, VITE_COMPRESSION, VITE_PUBLIC_PATH } =
|
||
warpperEnv(loadEnv(mode, root));
|
||
return {
|
||
base: VITE_PUBLIC_PATH,
|
||
root,
|
||
resolve: {
|
||
alias
|
||
},
|
||
// 服务端渲染
|
||
server: {
|
||
// 端口号
|
||
port: VITE_PORT,
|
||
host: "0.0.0.0",
|
||
// 本地跨域代理 https://cn.vitejs.dev/config/server-options.html#server-proxy
|
||
proxy: {},
|
||
// 预热文件以提前转换和缓存结果，降低启动期间的初始页面加载时长并防止转换瀑布
|
||
warmup: {
|
||
clientFiles: ["./index.html", "./src/{views,components}/*"]
|
||
}
|
||
},
|
||
plugins: getPluginsList(VITE_CDN, VITE_COMPRESSION),
|
||
// https://cn.vitejs.dev/config/dep-optimization-options.html#dep-optimization-options
|
||
optimizeDeps: {
|
||
include,
|
||
exclude
|
||
},
|
||
build: {
|
||
// https://cn.vitejs.dev/guide/build.html#browser-compatibility
|
||
target: "es2015",
|
||
sourcemap: false,
|
||
// 消除打包大小超过500kb警告
|
||
chunkSizeWarningLimit: 4000,
|
||
rollupOptions: {
|
||
input: {
|
||
index: pathResolve("index.html")
|
||
},
|
||
// 静态资源分类打包
|
||
output: {
|
||
chunkFileNames: "static/js/[name]-[hash].js",
|
||
entryFileNames: "static/js/[name]-[hash].js",
|
||
assetFileNames: "static/[ext]/[name]-[hash].[ext]"
|
||
}
|
||
}
|
||
},
|
||
define: {
|
||
__INTLIFY_PROD_DEVTOOLS__: false,
|
||
__APP_INFO__: JSON.stringify(__APP_INFO__)
|
||
}
|
||
};
|
||
};
|