/
vite.config.ts
68 lines (65 loc) · 2.62 KB
/
vite.config.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import type { UserConfig, ConfigEnv } from 'vite';
import { loadEnv } from 'vite';
import { resolve } from 'path';
import { wrapperEnv } from './build/utils';
import { createVitePlugins } from './build/vite/plugins';
import { OUTPUT_DIR } from './build/constant';
import { createProxy } from './build/vite/proxy';
import pkg from './package.json';
import { format } from 'date-fns';
const { dependencies, devDependencies, name, version } = pkg;
// 缓存的项目的版本描述信息
const __APP_INFO__ = {
pkg: { dependencies, devDependencies, name, version },
lastBuildTime: format(new Date(), 'yyyy-MM-dd HH:mm:ss'),
};
function pathResolve(dir: string) {
return resolve(process.cwd(), '.', dir);
}
export default ({ command, mode }: ConfigEnv): UserConfig => {
const root = process.cwd(); // 获取程序当前运行目录
const env = loadEnv(mode, root); // 借助于vite,根据运行模式加载程序运行目录加载所需的环境变量,主要是.env.*配置文件,相关的程序运行时环境变量集中在env对象中
const viteEnv = wrapperEnv(env); // 由于在.env配置文件中所定义的变量将会是字符串,因此这里对这个环境变量进行一个二次包裹操作,使得应该是什么类型的变量,存储对应类型的值!
const { VITE_PUBLIC_PATH, VITE_PORT, VITE_GLOB_PROD_MOCK, VITE_PROXY } = viteEnv;
const prodMock = VITE_GLOB_PROD_MOCK;
const isBuild = command === 'build';
return {
base: VITE_PUBLIC_PATH,
esbuild: {},
resolve: {
alias: [
{
find: /\/#\//,
replacement: pathResolve('types') + '/',
},
{
find: '@',
replacement: pathResolve('src') + '/',
},
],
//选项用于配置模块 deduplication(去重)。这意味着当多个模块引入了同一个模块时,Vite 将只保留一份副本,以减少打包后代码的大小
dedupe: ['vue'],
},
plugins: createVitePlugins(viteEnv, isBuild, prodMock), //将所有的插件由自定义的插件实现入口来声明,这里也是返回一插件数组对象来实现的!
define: {
// 定义全局常量替换方式。其中每项在开发环境下会被定义在全局,而在构建时被静态替换。
__APP_INFO__: JSON.stringify(__APP_INFO__),
},
server: {
host: true,
port: VITE_PORT,
proxy: createProxy(VITE_PROXY),
},
optimizeDeps: {
include: [],
exclude: ['vue-demi'],
},
build: {
target: 'es2015',
cssTarget: 'chrome80',
outDir: OUTPUT_DIR,
reportCompressedSize: false,
chunkSizeWarningLimit: 2000,
},
};
};