2a0c2fdbb8
- Upgrade vite from 5.1.3 to 5.4.21 to support modern sass API option - Configure sass preprocessor with api: 'modern' to silence legacy-js-api warning - Silence bulma-sourced deprecation warnings (import, global-builtin, color-functions, if-function)
113 lines
2.9 KiB
TypeScript
113 lines
2.9 KiB
TypeScript
import vue from '@vitejs/plugin-vue'
|
|
import { fileURLToPath, URL } from 'node:url'
|
|
import { defineConfig } from 'vite'
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
vue(),
|
|
VitePWA({
|
|
registerType: 'autoUpdate',
|
|
includeAssets: ['icons/*.svg', 'loop.png'],
|
|
manifest: {
|
|
name: 'Fail Well',
|
|
short_name: 'Fail Well',
|
|
description: 'Feedback loop when coding',
|
|
theme_color: '#192a56',
|
|
icons: [
|
|
{
|
|
src: 'favicon/apple-touch-icon-60x60.png',
|
|
sizes: '60x60',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/apple-touch-icon-76x76.png',
|
|
sizes: '76x76',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/apple-touch-icon-120x120.png',
|
|
sizes: '120x120',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/apple-touch-icon-152x152.png',
|
|
sizes: '152x152',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/apple-touch-icon-180x180.png',
|
|
sizes: '180x180',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/apple-touch-icon.png',
|
|
sizes: '180x180',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/favicon-16x16.png',
|
|
sizes: '16x16',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/favicon-32x32.png',
|
|
sizes: '32x32',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/msapplication-icon-144x144.png',
|
|
sizes: '144x144',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/mstile-150x150.png',
|
|
sizes: '150x150',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/android-chrome-192x192.png',
|
|
sizes: '192x192',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/android-chrome-512x512.png',
|
|
sizes: '512x512',
|
|
type: 'image/png'
|
|
},
|
|
{
|
|
src: 'favicon/android-chrome-maskable-192x192.png',
|
|
sizes: '192x192',
|
|
type: 'image/png',
|
|
purpose: 'maskable'
|
|
},
|
|
{
|
|
src: 'favicon/android-chrome-maskable-512x512.png',
|
|
sizes: '512x512',
|
|
type: 'image/png',
|
|
purpose: 'maskable'
|
|
}
|
|
]
|
|
}
|
|
})
|
|
],
|
|
css: {
|
|
preprocessorOptions: {
|
|
scss: {
|
|
api: 'modern',
|
|
silenceDeprecations: ['import', 'global-builtin', 'color-functions', 'if-function']
|
|
},
|
|
sass: {
|
|
api: 'modern',
|
|
silenceDeprecations: ['import', 'global-builtin', 'color-functions', 'if-function']
|
|
}
|
|
}
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
|
}
|
|
}
|
|
})
|