-
-
Notifications
You must be signed in to change notification settings - Fork 108
/
vite.config.ts
90 lines (82 loc) · 2.15 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
/// <reference types="vitest" />
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import banner from 'vite-plugin-banner'
import Inspect from 'vite-plugin-inspect'
import dts from 'vite-plugin-dts'
import copy from 'rollup-plugin-copy'
/* import analyze from 'rollup-plugin-analyzer'
*/ /* import { visualizer } from 'rollup-plugin-visualizer' */
import { resolve } from 'pathe'
import { bold, gray, lightGreen, yellow } from 'kolorist'
import pkg from './package.json'
// eslint-disable-next-line no-console
console.log(`${lightGreen('▲')} ${gray('■')} ${yellow('●')} ${bold('Tres')} v${pkg.version}`)
// https://vitejs.dev/config/
export default defineConfig({
server: {
port: 5174,
},
plugins: [
vue({
isProduction: false,
template: {
compilerOptions: {
isCustomElement: tag => tag.startsWith('Tres') && tag !== 'TresCanvas',
},
},
}),
dts({
insertTypesEntry: true,
}),
banner({
content: `/**\n * name: ${pkg.name}\n * version: v${
pkg.version
}\n * (c) ${new Date().getFullYear()}\n * description: ${pkg.description}\n * author: ${pkg.author}\n */`,
}),
Inspect(),
],
test: {
environment: 'jsdom',
globals: true,
threads: false,
},
build: {
lib: {
entry: resolve(__dirname, 'src/index.ts'),
name: 'tres',
fileName: 'tres',
},
watch: {
include: [resolve(__dirname, 'src')],
},
copyPublicDir: false,
rollupOptions: {
plugins: [
copy({
targets: [{ src: 'src/types/tres-components.d.ts', dest: 'dist/types' }],
}),
/* analyze(), */
/* visualizer({
open: true,
gzipSize: true,
brotliSize: true,
}), */
],
external: ['vue', '@vueuse/core', 'three'],
output: {
exports: 'named',
// Provide global variables to use in the UMD build
// for externalized deps
globals: {
'vue': 'Vue',
'@vueuse/core': 'VueUseCore',
'three': 'Three',
},
},
},
},
optimizeDeps: {
exclude: ['vue', 'three'],
},
})