49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import { resolve } from 'path'
|
||
import AutoImport from 'unplugin-auto-import/vite'
|
||
import Components from 'unplugin-vue-components/vite'
|
||
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
|
||
import { FileSystemIconLoader } from 'unplugin-icons/loaders'
|
||
import IconsResolver from 'unplugin-icons/resolver'
|
||
import mkcert from 'vite-plugin-mkcert'
|
||
|
||
/**
|
||
* * unplugin-icons插件，自动引入iconify图标
|
||
* usage: https://github.com/antfu/unplugin-icons
|
||
* 图标库: https://icones.js.org/
|
||
*/
|
||
import Icons from 'unplugin-icons/vite'
|
||
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||
|
||
import { getSrcPath } from '../utils'
|
||
|
||
const customIconPath = resolve(getSrcPath(), 'assets/svg')
|
||
|
||
export default [
|
||
AutoImport({
|
||
imports: ['vue', 'vue-router'],
|
||
dts: false,
|
||
}),
|
||
Icons({
|
||
compiler: 'vue3',
|
||
customCollections: {
|
||
custom: FileSystemIconLoader(customIconPath),
|
||
},
|
||
scale: 1,
|
||
defaultClass: 'inline-block',
|
||
}),
|
||
Components({
|
||
resolvers: [
|
||
NaiveUiResolver(),
|
||
IconsResolver({ customCollections: ['custom'], componentPrefix: 'icon' }),
|
||
],
|
||
dts: false,
|
||
}),
|
||
createSvgIconsPlugin({
|
||
iconDirs: [customIconPath],
|
||
symbolId: 'icon-custom-[dir]-[name]',
|
||
inject: 'body-last',
|
||
customDomId: '__CUSTOM_SVG_ICON__',
|
||
}),
|
||
mkcert(),
|
||
]
|