-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
100 lines (97 loc) · 2.97 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
91
92
93
94
95
96
97
98
99
100
import { fileURLToPath, URL } from 'node:url'
import { resolve, dirname } from 'node:path'
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import components from 'unplugin-vue-components/vite'
import autoImport from 'unplugin-auto-import/vite'
import { VarletImportResolver } from '@varlet/import-resolver'
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
import UnoCSS from 'unocss/vite'
import { VitePWA } from 'vite-plugin-pwa'
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd(), '')
const ornaUrl = env.ORNA_URL || 'https://playorna.com'
const dataCreated = env.DATA_CREATED || Math.floor(new Date().getTime() / 1000)
const extraApiUrl = env.EXTRA_API_URL || ''
const ornaStaticUrl = `${ornaUrl}/static`
return {
plugins: [
vue(),
VitePWA({
registerType: 'autoUpdate',
manifest: {
name: 'Yet Another Codex for Orna',
short_name: 'Codex YACO',
description: 'Yet Another Codex for Orna',
theme_color: '#ffffff',
icons: [192, 256, 384, 512].map((x) => ({
src: '/favicon.svg',
sizes: `${x}x${x}`,
type: 'image/svg+xml',
purpose: 'any'
}))
},
workbox: {
navigateFallbackDenylist: [
// cloudflare cdn trace
/^\/cdn-cgi\/trace/
],
runtimeCaching: [
{
urlPattern: new RegExp(`^${ornaStaticUrl}/.+`),
handler: 'StaleWhileRevalidate',
options: {
cacheName: 'static-images-cache',
expiration: {
maxEntries: 10000,
maxAgeSeconds: 60 * 60 * 24 * 7 // <== 7 days
},
cacheableResponse: {
statuses: [0, 200]
}
}
}
]
}
}),
components({
resolvers: [VarletImportResolver()]
}),
autoImport({
imports: [
'vue',
'vue-router',
{
'@vueuse/core': ['useLocalStorage', 'useDebounceFn', 'useClipboard']
}
],
eslintrc: { enabled: true },
resolvers: [VarletImportResolver({ autoImport: true })]
}),
VueI18nPlugin({
include: resolve(dirname(fileURLToPath(import.meta.url)), './src/i18n/locale.json')
}),
UnoCSS()
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
define: {
__ORNA_URL__: JSON.stringify(ornaUrl),
__ORNA_STATIC_URL__: JSON.stringify(ornaStaticUrl),
__DATA_CREATED__: JSON.stringify(dataCreated),
__EXTRA_API_URL__: JSON.stringify(extraApiUrl),
__FILTERS_VERSION__: JSON.stringify('v0.1.5')
},
css: {
preprocessorOptions: {
less: {
additionalData: `@staticUrl: '${ornaStaticUrl}';`
}
}
}
}
})