116 lines
3.0 KiB
TypeScript
116 lines
3.0 KiB
TypeScript
|
import { dirname, resolve } from 'node:path'
|
||
|
|
import { fileURLToPath } from 'node:url'
|
||
|
|
import process from 'node:process'
|
||
|
|
import { unheadVueComposablesImports } from '@unhead/vue'
|
||
|
|
import legacy from '@vitejs/plugin-legacy'
|
||
|
|
import vue from '@vitejs/plugin-vue'
|
||
|
|
import UnoCSS from 'unocss/vite'
|
||
|
|
import AutoImport from 'unplugin-auto-import/vite'
|
||
|
|
import { VantResolver } from '@vant/auto-import-resolver'
|
||
|
|
import Components from 'unplugin-vue-components/vite'
|
||
|
|
import { VueRouterAutoImports } from 'unplugin-vue-router'
|
||
|
|
import VueRouter from 'unplugin-vue-router/vite'
|
||
|
|
import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
|
||
|
|
import { VitePWA } from 'vite-plugin-pwa'
|
||
|
|
import Sitemap from 'vite-plugin-sitemap'
|
||
|
|
import VueDevTools from 'vite-plugin-vue-devtools'
|
||
|
|
import { loadEnv } from 'vite'
|
||
|
|
import { createViteVConsole } from './vconsole'
|
||
|
|
|
||
|
|
export function createVitePlugins(mode: string) {
|
||
|
|
const env = loadEnv(mode, process.cwd())
|
||
|
|
|
||
|
|
return [
|
||
|
|
// https://github.com/posva/unplugin-vue-router
|
||
|
|
VueRouter({
|
||
|
|
extensions: ['.vue'],
|
||
|
|
routesFolder: 'src/pages',
|
||
|
|
dts: 'src/types/typed-router.d.ts',
|
||
|
|
}),
|
||
|
|
|
||
|
|
vue(),
|
||
|
|
|
||
|
|
// https://github.com/jbaubree/vite-plugin-sitemap
|
||
|
|
Sitemap({
|
||
|
|
outDir: env.VITE_APP_OUT_DIR || 'dist',
|
||
|
|
}),
|
||
|
|
|
||
|
|
// https://github.com/pengzhanbo/vite-plugin-mock-dev-server
|
||
|
|
mockDevServerPlugin(),
|
||
|
|
|
||
|
|
// https://github.com/antfu/unplugin-vue-components
|
||
|
|
Components({
|
||
|
|
extensions: ['vue'],
|
||
|
|
resolvers: [VantResolver()],
|
||
|
|
include: [/\.vue$/, /\.vue\?vue/],
|
||
|
|
dts: 'src/types/components.d.ts',
|
||
|
|
}),
|
||
|
|
|
||
|
|
// https://github.com/antfu/unplugin-auto-import
|
||
|
|
AutoImport({
|
||
|
|
include: [
|
||
|
|
/\.[tj]sx?$/,
|
||
|
|
/\.vue$/,
|
||
|
|
/\.vue\?vue/,
|
||
|
|
],
|
||
|
|
imports: [
|
||
|
|
'vue',
|
||
|
|
'@vueuse/core',
|
||
|
|
VueRouterAutoImports,
|
||
|
|
{
|
||
|
|
'vue-router/auto': ['useLink'],
|
||
|
|
},
|
||
|
|
unheadVueComposablesImports,
|
||
|
|
],
|
||
|
|
dts: 'src/types/auto-imports.d.ts',
|
||
|
|
dirs: [
|
||
|
|
'src/composables',
|
||
|
|
],
|
||
|
|
resolvers: [VantResolver()],
|
||
|
|
}),
|
||
|
|
|
||
|
|
legacy({
|
||
|
|
targets: ['defaults', 'not IE 11'],
|
||
|
|
}),
|
||
|
|
|
||
|
|
// https://github.com/antfu/unocss
|
||
|
|
// see uno.config.ts for config
|
||
|
|
UnoCSS(),
|
||
|
|
|
||
|
|
// https://github.com/vadxq/vite-plugin-vconsole
|
||
|
|
createViteVConsole(mode),
|
||
|
|
|
||
|
|
// https://github.com/vuejs/devtools-next
|
||
|
|
VueDevTools(),
|
||
|
|
|
||
|
|
// https://github.com/antfu/vite-plugin-pwa
|
||
|
|
VitePWA({
|
||
|
|
registerType: 'autoUpdate',
|
||
|
|
includeAssets: ['favicon.svg', 'safari-pinned-tab.svg'],
|
||
|
|
manifest: {
|
||
|
|
name: 'vue3-vant-mobile',
|
||
|
|
short_name: 'vue3-vant-mobile',
|
||
|
|
theme_color: '#ffffff',
|
||
|
|
icons: [
|
||
|
|
{
|
||
|
|
src: '/pwa-192x192.png',
|
||
|
|
sizes: '192x192',
|
||
|
|
type: 'image/png',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
src: '/pwa-512x512.png',
|
||
|
|
sizes: '512x512',
|
||
|
|
type: 'image/png',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
src: '/pwa-512x512.png',
|
||
|
|
sizes: '512x512',
|
||
|
|
type: 'image/png',
|
||
|
|
purpose: 'any maskable',
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
]
|
||
|
|
}
|