-
Notifications
You must be signed in to change notification settings - Fork 9
/
vite.config.js
85 lines (79 loc) · 2.31 KB
/
vite.config.js
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
import path from 'path'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { visualizer } from 'rollup-plugin-visualizer'
// AutoImport会使 SCSS 变量修改主题失效——css优先级覆盖问题
// import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import Unocss from 'unocss/vite'
import { presetAttributify, presetIcons, presetUno, transformerDirectives, transformerVariantGroup } from 'unocss'
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
// 如果不需要使用 my-icon 组件,可注释/移除 下面这个 import 及相关内容
import { icons } from './src/components/my-icon/iconify-icon-data'
import fs from 'fs'
const pathSrc = path.resolve(__dirname, 'src')
let myIcons = fs.readdirSync(path.resolve(pathSrc, 'assets', 'icons')) || []
myIcons = myIcons.filter((e) => e.endsWith('.svg')).map((e) => e.replace('.svg', ''))
const iconNames = [...icons, ...myIcons].map((e) => {
return `i-${e.includes(':') ? e.replace(':', '-') : 'my-icons-' + e}`
})
// https://vitejs.dev/config/
export default defineConfig({
base: '/',
build: {
outDir: 'dist'
},
resolve: {
alias: {
'~/': `${pathSrc}/`,
'@/': `${pathSrc}/`
}
},
css: {
preprocessorOptions: {
scss: {
additionalData: `@use "~/styles/element/index.scss" as *;`
}
}
},
plugins: [
vue(),
Components({
// allow auto load markdown components under `./src/components/`
extensions: ['vue', 'md'],
// allow auto import and register components used in markdown
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
resolvers: [
ElementPlusResolver({
importStyle: 'sass'
})
],
dts: 'src/components.d.ts'
}),
// https://github.com/antfu/unocss
// see unocss.config.ts for config
Unocss({
presets: [
presetUno(),
presetAttributify(),
presetIcons({
scale: 1,
warn: true,
// cdn: '',
collections: {
'my-icons': FileSystemIconLoader('./src/assets/icons', (svg) =>
svg.replace(/^<svg /, '<svg fill="currentColor" ')
)
}
})
],
transformers: [transformerDirectives(), transformerVariantGroup()],
safelist: iconNames
}),
visualizer({
open: false,
gzipSize: true
})
]
})