-
Notifications
You must be signed in to change notification settings - Fork 1
/
vite.config.ts
59 lines (56 loc) · 1.67 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
import tsconfigPaths from 'vite-tsconfig-paths'
import {defineConfig, loadEnv} from 'vite'
import react from '@vitejs/plugin-react'
import checker from 'vite-plugin-checker'
// import envCompatible from "vite-plugin-env-compatible";
export default defineConfig(({command, mode}) => {
if (command === 'serve' && mode === 'development') {
process.env = {...process.env, ...loadEnv(mode, process.cwd())}
return {
env: env,
plugins: plugins,
server: {
open: '/',
proxy: {
// 경로가 "/api" 로 시작하는 요청을 대상으로 proxy 설정
'/api': {
// 요청 전달 대상 서버 주소 설정
target: process.env.VITE_API_URL,
// 요청 헤더 host 필드 값을 대상 서버의 호스트 이름으로 변경
changeOrigin: true,
// 요청 경로에서 '/api' 제거
rewrite: path => path.replace(/^\/api/, ''),
// SSL 인증서 검증 무시
secure: false,
},
},
},
}
} else {
// command === 'build'
return {
env: env,
plugins: plugins,
server: {},
}
}
})
const env = {
// `.env` 파일의 모든 환경변수를 읽어옵니다.
// `.env` 파일의 환경변수를 선택적으로 읽어오려면 `keys` 옵션을 사용합니다.
keys: ['VITE_API_URL', 'VITE_API_KEY'],
}
const plugins = [
tsconfigPaths(),
react({
jsxImportSource: '@emotion/react',
babel: {
plugins: ['@emotion/babel-plugin'],
},
}),
checker({
typescript: true,
eslint: {lintCommand: 'eslint ./src --ext .ts,.tsx'},
}),
// envCompatible({ prefix: "REACT_APP" }),
]