-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
89 lines (79 loc) · 2.39 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
import { resolve } from 'path'
import { defineConfig, UserConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx';
import svgLoader from 'vite-svg-loader';
const externalDependencies = (id: string) => !id.startsWith('.') && !id.startsWith('/');
const baseConfig: UserConfig = {
plugins: [vue(), vueJsx({ mergeProps: false }), svgLoader()],
resolve: {
alias: {
'attic-datepicker': resolve(__dirname, './src/main.ts'),
},
}
};
const esConfig: UserConfig = {
build: {
outDir: '.',
minify: false,
target: 'es2021',
emptyOutDir: false,
cssCodeSplit: true,
lib: {
entry: resolve(__dirname, './src/main.ts'),
name: 'AtticDatepicker',
formats: ['es', 'cjs'],
fileName: (format) => `attic-datepicker.${format}.js`,
},
rollupOptions: {
external: ['vue'],
output: {
dir: resolve(__dirname, './dist'),
assetFileNames: (assetInfo) => {
if (assetInfo.name === 'style.css') return 'attic-datepicker.css';
return assetInfo.name;
},
globals: {
vue: 'Vue',
},
},
},
}
};
const umdConfig: UserConfig = {
build: {
outDir: '.',
minify: 'esbuild',
target: 'es2021',
emptyOutDir: false,
cssCodeSplit: true,
lib: {
entry: resolve(__dirname, './src/main.ts'),
name: 'AtticDatepicker',
fileName: (format) => `attic-datepicker.${format}.js`,
},
rollupOptions: {
external: ['vue'],
output: {
dir: resolve(__dirname, './dist'),
assetFileNames: (assetInfo) => {
if (assetInfo.name === 'src/main.css') return 'attic-datepicker.css';
return assetInfo.name;
},
globals: {
vue: 'Vue',
},
},
},
},
};
export default defineConfig(({ command }) => {
if (command === 'serve') {
return baseConfig;
}
const format = process.env.LIB_FORMAT;
// if (format === 'es') {
// return { ...baseConfig, ...esConfig };
// }
return { ...baseConfig, ...umdConfig };
});