You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
3.7 KiB
110 lines
3.7 KiB
4 months ago
|
import { resolve } from 'path'
|
||
|
|
import Vue from '@vitejs/plugin-vue'
|
||
|
|
import VueJsx from '@vitejs/plugin-vue-jsx'
|
||
|
|
import WindiCSS from 'vite-plugin-windicss'
|
||
|
|
import progress from 'vite-plugin-progress'
|
||
|
|
import EslintPlugin from 'vite-plugin-eslint'
|
||
|
|
import PurgeIcons from 'vite-plugin-purge-icons'
|
||
|
|
import { ViteEjsPlugin } from 'vite-plugin-ejs'
|
||
|
|
// @ts-ignore
|
||
|
|
import ElementPlus from 'unplugin-element-plus/vite'
|
||
|
|
import AutoImport from 'unplugin-auto-import/vite'
|
||
|
|
import Components from 'unplugin-vue-components/vite'
|
||
|
|
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
|
||
|
|
import viteCompression from 'vite-plugin-compression'
|
||
|
|
import topLevelAwait from 'vite-plugin-top-level-await'
|
||
|
|
import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus'
|
||
|
|
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
|
||
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||
|
|
|
||
|
|
export function createVitePlugins() {
|
||
|
|
const root = process.cwd()
|
||
|
|
|
||
|
|
// 路径查找
|
||
|
|
function pathResolve(dir: string) {
|
||
|
|
return resolve(root, '.', dir)
|
||
|
|
}
|
||
|
|
|
||
|
|
return [
|
||
|
|
Vue(),
|
||
|
|
VueJsx(),
|
||
|
|
WindiCSS(),
|
||
|
|
progress(),
|
||
|
|
PurgeIcons(),
|
||
|
|
vueSetupExtend(),
|
||
|
|
ElementPlus({}),
|
||
|
|
AutoImport({
|
||
|
|
include: [
|
||
|
|
/\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
|
||
|
|
/\.vue$/,
|
||
|
|
/\.vue\?vue/, // .vue
|
||
|
|
/\.md$/ // .md
|
||
|
|
],
|
||
|
|
imports: [
|
||
|
|
'vue',
|
||
|
|
'vue-router',
|
||
|
|
// 可额外添加需要 autoImport 的组件
|
||
|
|
{
|
||
|
|
'@/hooks/web/useI18n': ['useI18n'],
|
||
|
|
'@/hooks/web/useMessage': ['useMessage'],
|
||
|
|
'@/hooks/web/useTable': ['useTable'],
|
||
|
|
'@/hooks/web/useCrudSchemas': ['useCrudSchemas'],
|
||
|
|
'@/utils/formRules': ['required'],
|
||
|
|
'@/utils/dict': ['DICT_TYPE']
|
||
|
|
}
|
||
|
|
],
|
||
|
|
dts: 'src/types/auto-imports.d.ts',
|
||
|
|
resolvers: [ElementPlusResolver()],
|
||
|
|
eslintrc: {
|
||
|
|
enabled: false, // Default `false`
|
||
|
|
filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
|
||
|
|
globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
Components({
|
||
|
|
// 要搜索组件的目录的相对路径
|
||
|
|
dirs: ['src/components'],
|
||
|
|
// 组件的有效文件扩展名
|
||
|
|
extensions: ['vue', 'md'],
|
||
|
|
// 搜索子目录
|
||
|
|
deep: true,
|
||
|
|
include: [/\.vue$/, /\.vue\?vue/],
|
||
|
|
// 生成自定义 `auto-components.d.ts` 全局声明
|
||
|
|
dts: 'src/types/auto-components.d.ts',
|
||
|
|
// 自定义组件的解析器
|
||
|
|
resolvers: [ElementPlusResolver()],
|
||
|
|
exclude: [/[\\/]node_modules[\\/]/]
|
||
|
|
}),
|
||
|
|
EslintPlugin({
|
||
|
|
cache: false,
|
||
|
|
include: ['src/**/*.vue', 'src/**/*.ts', 'src/**/*.tsx'] // 检查的文件
|
||
|
|
}),
|
||
|
|
VueI18nPlugin({
|
||
|
|
runtimeOnly: true,
|
||
|
|
compositionOnly: true,
|
||
|
|
include: [resolve(__dirname, 'src/locales/**')]
|
||
|
|
}),
|
||
|
|
createSvgIconsPlugin({
|
||
|
|
iconDirs: [pathResolve('src/assets/svgs')],
|
||
|
|
symbolId: 'icon-[dir]-[name]',
|
||
|
|
svgoOptions: true
|
||
|
|
}),
|
||
|
|
viteCompression({
|
||
|
|
verbose: true, // 是否在控制台输出压缩结果
|
||
|
|
disable: false, // 是否禁用
|
||
|
|
threshold: 10240, // 体积大于 threshold 才会被压缩,单位 b
|
||
|
|
algorithm: 'gzip', // 压缩算法,可选 [ 'gzip' , 'brotliCompress' ,'deflate' , 'deflateRaw']
|
||
|
|
ext: '.gz', // 生成的压缩包后缀
|
||
|
|
deleteOriginFile: false //压缩后是否删除源文件
|
||
|
|
}),
|
||
|
|
ViteEjsPlugin(),
|
||
|
|
topLevelAwait({
|
||
|
|
// https://juejin.cn/post/7152191742513512485
|
||
|
|
// The export name of top-level await promise for each chunk module
|
||
|
|
promiseExportName: '__tla',
|
||
|
|
// The function to generate import names of top-level await promise in each chunk module
|
||
|
|
promiseImportName: (i) => `__tla_${i}`
|
||
|
|
})
|
||
|
|
]
|
||
|
|
}
|