-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
81 lines (71 loc) · 1.86 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
import { join, resolve } from 'path'
import fs from 'fs'
import legacy from '@vitejs/plugin-legacy'
import { defineConfig } from 'vite'
import reactPlugin from '@vitejs/plugin-react-swc'
import VitePluginRouters from './plugins/vite-plugin-routers'
import VitePluginStyleImport from './plugins/vite-plugin-style-import'
import VitePluginAsyncCatch from './plugins/vite-plugin-async-catch'
import proxyConfig from './proxy.config'
const CWD = process.cwd()
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
const isDev = mode === 'development'
return {
resolve: {
alias: {
'@': join(CWD, './src'),
},
},
server: {
host: '0.0.0.0',
proxy: proxyConfig,
},
build: {
target: 'modules',
outDir: './build',
assetsDir: './assets',
cssTarget: ['chrome38', 'ios10'],
assetsInlineLimit: 50 * 1024,
chunkSizeWarningLimit: 500,
sourcemap: true,
},
css: {
preprocessorOptions: {
less: {
modifyVars: {
hack: `true; @import (reference) "${resolve(
'src/style/val.less',
)}";`,
},
javascriptEnabled: true,
},
},
},
plugins: [
VitePluginAsyncCatch({}),
legacy({}),
reactPlugin(),
VitePluginRouters({ watch: isDev }),
VitePluginStyleImport({
name: 'antd',
createImport: createImport,
}),
],
optimizeDeps: {
include: ['antd'],
},
}
})
function createImport(component_: string) {
const component = toLine(component_)
const jsStylePath = `node_modules/antd/es/${component}/style/css.js`
if (fs.existsSync(join(CWD, jsStylePath))) {
return `import "antd/es/${component}/style/index.js"`
} else {
return ''
}
}
function toLine(name) {
return name.replace(/([A-Z])/g, '-$1').toLowerCase()
}