-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
67 lines (65 loc) · 1.68 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
/// <reference types="histoire" />
import vue from '@vitejs/plugin-vue';
import path from 'path';
import typescript2 from 'rollup-plugin-typescript2';
import { defineConfig } from 'vite';
import dts from 'vite-plugin-dts';
import svgLoader from 'vite-svg-loader';
export default defineConfig({
plugins: process.env.HISTOIRE
? [vue(), svgLoader()]
: [
vue(),
dts({
insertTypesEntry: true,
}),
typescript2({
check: false,
include: ['components/**/*.vue'],
tsconfigOverride: {
compilerOptions: {
outDir: 'dist',
sourceMap: true,
declaration: true,
declarationMap: true,
},
},
}),
svgLoader(),
],
base: process.env.HISTOIRE ? '/wool-components/' : undefined,
build: process.env.HISTOIRE
? {}
: {
emptyOutDir: false,
cssCodeSplit: true,
lib: {
entry: path.resolve(__dirname, './index.ts'),
name: 'wool-components',
formats: ['es'],
fileName: (format, entryName) => {
if (entryName === 'flags') return entryName;
return `index.${format}.js`;
},
},
rollupOptions: {
treeshake: true,
input: {
main: path.resolve(__dirname, 'index.ts'),
flags: path.resolve(__dirname, './assets/flags.scss'),
},
external: ['vue'],
output: {
exports: 'named',
globals: {
vue: 'Vue',
},
},
},
},
resolve: {
alias: {
'@': path.resolve(__dirname, './'),
},
},
});