49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import { fileURLToPath, URL } from 'node:url'
|
|
|
|
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import vueDevTools from 'vite-plugin-vue-devtools'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import Components from 'unplugin-vue-components/vite'
|
|
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
|
import path from 'path'
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
vue(),
|
|
vueDevTools(),
|
|
tailwindcss(),
|
|
Components({
|
|
resolvers: [
|
|
AntDesignVueResolver({
|
|
importStyle: false,
|
|
}),
|
|
],
|
|
}),
|
|
createSvgIconsPlugin({
|
|
// 指定项目中存放 SVG 图标的目录路径（插件会扫描此目录下的所有 .svg 文件）
|
|
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
|
|
// 定义生成的 <symbol> 元素的 id 属性的命名格式
|
|
symbolId: 'icon-[dir]-[name]',
|
|
|
|
/**
|
|
* 自定义 SVG Sprite 的插入位置
|
|
* @default: body-last
|
|
*/
|
|
inject: 'body-last',
|
|
/**
|
|
* 自定义 dom id
|
|
* @default: __svg__icons__dom__
|
|
*/
|
|
customDomId: '__svg__icons__dom__',
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
},
|
|
},
|
|
})
|