-
Notifications
You must be signed in to change notification settings - Fork 2
/
vite.config.ts
112 lines (111 loc) · 3.12 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
/* eslint-disable @typescript-eslint/no-var-requires */
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { splitVendorChunkPlugin } from 'vite';
import fs from 'fs';
import path from 'path';
// eslint-disable-next-line import/extensions
import { dependencies } from './package.json';
import dynamicImport from 'vite-plugin-dynamic-import';
import { ViteFaviconsPlugin } from 'vite-plugin-favicon';
import { VitePluginFonts } from 'vite-plugin-fonts';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import peerDepsExternal from 'rollup-plugin-peer-deps-external';
import commonjs from '@rollup/plugin-commonjs';
import { terser } from 'rollup-plugin-terser';
function renderChunks(deps: Record<string, string>) {
const chunks = {};
Object.keys(deps).forEach(key => {
if (['react', 'react-router-dom', 'react-dom'].includes(key)) return;
chunks[key] = [key];
});
return chunks;
}
// https://vitejs.dev/config/
export default defineConfig({
mode: 'production',
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
},
},
plugins: [
react({
jsxImportSource: '@emotion/react',
babel: {
plugins: ['@emotion/babel-plugin'],
},
}),
ViteFaviconsPlugin({
logo: 'public/assets/logo.png',
favicons: {
path: 'assets/',
},
}),
VitePluginFonts({
custom: {
families: [
{
name: 'Nanum',
local: 'Nanum',
src: './src/assets/fonts/Nanum.ttf',
},
{
name: 'Jalnan',
local: 'Jslnan',
src: './src/assets/fonts/Jslnan.ttf',
},
],
display: 'auto',
preload: true,
prefetch: false,
injectTo: 'head-prepend',
},
}),
splitVendorChunkPlugin(),
dynamicImport({
onFiles: files => files.filter(f => !f.includes('main-output.js')),
}),
{
name: 'vite-plugin-dynamic-import:test',
transform(code, id) {
if (/src\/main\.ts$/.test(id)) {
// Write transformed code to main-output.js
fs.writeFileSync(path.join(path.dirname(id), 'main-output.js'), code);
}
},
},
],
base: '/',
build: {
chunkSizeWarningLimit: 500,
sourcemap: false,
rollupOptions: {
plugins: [nodeResolve, peerDepsExternal, commonjs, terser],
output: {
dir: 'dist',
format: 'es',
minifyInternalExports: true,
preserveModules: false,
sourcemapExcludeSources: true,
preserveModulesRoot: 'src',
// inlineDynamicImports: true,
manualChunks: {
vendor: ['react', 'react-router-dom', 'react-dom'],
lodash: ['lodash'],
'@emotion/react': ['@emotion/react'],
'@emotion/styled': ['@emotion/styled'],
util: ['util'],
recoil: ['recoil'],
axios: ['axios'],
'react-select': ['react-select'],
'recoil-persist': ['recoil-persist'],
...renderChunks(dependencies),
},
},
},
},
esbuild: {
logOverride: { 'this-is-undefined-in-esm': 'silent' },
},
});