-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
86 lines (85 loc) · 2.43 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
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import envCompatible from 'vite-plugin-env-compatible';
import { VitePWA } from 'vite-plugin-pwa';
export default defineConfig({
base: "./",
plugins: [
vue(),
envCompatible(),
VitePWA({
registerType: 'autoUpdate',
includeAssets: ['favicon.svg', 'apple-touch-icon.png', 'masked-icon.svg'],
injectRegister: 'auto',
srcDir: 'src',
filename: 'sw-custom.js', // カスタムService Workerファイル名
strategies: 'injectManifest', // injectManifestモードを使用
manifest: {
// ここにmanifest.jsonの内容を配置
name: 'My PWA App',
short_name: 'PWA App',
start_url: '.',
display: 'standalone',
theme_color: '#ffffff',
background_color: '#ffffff',
icons: [
{
src: 'pwa-192x192.png',
sizes: '192x192',
type: 'image/png',
},
{
src: 'pwa-512x512.png',
sizes: '512x512',
type: 'image/png',
},
// 他のアイコン設定...
]
},
workbox: {
globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
runtimeCaching: [
{
// APIのエンドポイントなど、動的にデータを取得するURLのキャッシュ戦略
urlPattern: /^https:\/\/api\.example\.com/,
handler: 'NetworkFirst',
options: {
cacheName: 'api-cache',
expiration: {
maxEntries: 50,
maxAgeSeconds: 60 * 60 * 24, // 1日
},
},
},
{
// Google Fontsなどの外部リソースのキャッシュ戦略
urlPattern: /^https:\/\/fonts\.googleapis\.com/,
handler: 'CacheFirst',
options: {
cacheName: 'google-fonts-stylesheets',
expiration: {
maxEntries: 20,
maxAgeSeconds: 60 * 60 * 24 * 365, // 1年
},
},
},
]
}
})
],
resolve: {
alias: {
vue: 'vue/dist/vue.esm-bundler.js',
},
},
server: {
proxy: {
// APIリクエスト用のプロキシ設定
'/stones/api': {
target: 'http://localhost:3000', // Expressサーバーのアドレス
changeOrigin: true,
secure: false,
}
}
}
});