/
vite.config.js
92 lines (85 loc) · 1.89 KB
/
vite.config.js
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
91
92
import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
import AutoImport from 'unplugin-auto-import/vite'
import ViteYaml from '@modyfi/vite-plugin-yaml';
import Unocss from 'unocss/vite'
import { transformerDirectives, presetIcons, presetUno, extractorSplit } from 'unocss'
import extractorPug from '@unocss/extractor-pug'
export default defineConfig({
plugins: [
ViteYaml(),
AutoImport({
// targets to transform
include: [
/\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
/\.vue\??/, // .vue
],
imports: [
'vue',
],
}),
Components({
dirs: [
'.vitepress/theme/components',
'cards',
'.vitepress/components'
],
extensions: ['vue', 'ts'],
directoryAsNamespace: true,
globalNamespaces: ['global'],
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
exclude: [/node_modules/, /\.git/],
resolvers: [
IconsResolver({
componentPrefix: '',
}),
],
}),
Icons({
defaultStyle: 'vertical-align: middle;',
}),
Unocss({
theme: {
breakpoints: {
'xs': '240px',
'md': '320px',
'lg': '960px'
}
},
transformers: [
transformerDirectives(),
],
presets: [
presetIcons({
cdn: 'https://esm.sh/',
scale: 1.2,
extraProperties: {
'vertical-align': 'middle'
}
}),
presetUno(),
],
extractors: [
extractorSplit,
extractorPug()
]
}),
],
optimizeDeps: {
include: [
'vue',
'@vueuse/core',
],
},
build: {
chunkSizeWarningLimit: 2000,
rollupOptions: {
output: {
manualChunks: {
}
}
}
}
})