generated from Sceat/app-starter
-
Notifications
You must be signed in to change notification settings - Fork 4
/
vite.config.js
95 lines (94 loc) · 2.63 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
93
94
95
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueI18n from '@intlify/unplugin-vue-i18n/vite'
import { nodePolyfills } from 'vite-plugin-node-polyfills'
import Icons from 'unplugin-icons/vite'
import { VitePWA } from 'vite-plugin-pwa'
import ViteYaml from '@modyfi/vite-plugin-yaml'
// https://vitejs.dev/config/
export default defineConfig({
build: {
target: 'esnext',
},
plugins: [
vue(),
vueI18n({}),
ViteYaml(),
nodePolyfills({
// To add only specific polyfills, add them here. If no option is passed, adds all polyfills
include: ['stream', 'events', 'path', 'timers/promises', 'util'],
overrides: {
events: 'events-polyfill',
},
// Whether to polyfill `node:` protocol imports.
protocolImports: true,
}),
Icons({
// experimental
autoInstall: true,
}),
VitePWA({
includeAssets: [
'favicon.ico',
'robots.txt',
'*.png',
'*.jpg',
'*.svg',
'*.gif',
'*.glb',
'*.mp3',
'*.wav',
'*.ogg',
],
registerType: 'prompt',
workbox: {
navigateFallback: '/index.html',
navigateFallbackDenylist: [/\.html$/, /\/api\//],
cleanupOutdatedCaches: true,
// Exclude HTML files from being cached
runtimeCaching: [
{
urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
handler: 'CacheFirst',
options: {
cacheName: 'google-fonts-cache',
expiration: {
maxEntries: 10,
maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
},
cacheableResponse: {
statuses: [0, 200],
},
},
},
{
urlPattern: /^https:\/\/fonts\.gstatic\.com\/.*/i,
handler: 'CacheFirst',
options: {
cacheName: 'gstatic-fonts-cache',
expiration: {
maxEntries: 10,
maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
},
cacheableResponse: {
statuses: [0, 200],
},
},
},
// New caching rule for assets
{
urlPattern: /\.(?:png|jpg|jpeg|svg|gif|glb|mp3|wav|ogg)$/,
handler: 'StaleWhileRevalidate',
options: {
cacheName: 'assets-cache',
expiration: {
maxEntries: 300,
maxAgeSeconds: 60 * 60 * 24 * 30, // 30 days
},
},
},
],
},
}),
],
})