dzc
f087d6ba57
Import the supplied management frontend, including request encryption, withdrawal updates, and vendored dependencies. Use incoming versions for overlapping source files and retain existing environment configuration absent from the supplied directory.
107 lines
3.6 KiB
TypeScript
107 lines
3.6 KiB
TypeScript
import { resolve } from 'path'
|
|
import Vue from '@vitejs/plugin-vue'
|
|
import VueJsx from '@vitejs/plugin-vue-jsx'
|
|
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 VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
|
import UnoCSS from 'unocss/vite'
|
|
|
|
export function createVitePlugins(isBuild = false) {
|
|
const root = process.cwd()
|
|
|
|
// 路径查找
|
|
function pathResolve(dir: string) {
|
|
return resolve(root, '.', dir)
|
|
}
|
|
|
|
const plugins = [
|
|
Vue(),
|
|
VueJsx(),
|
|
UnoCSS(),
|
|
progress(),
|
|
PurgeIcons(),
|
|
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({
|
|
// 生成自定义 `auto-components.d.ts` 全局声明
|
|
dts: 'src/types/auto-components.d.ts',
|
|
// 自定义组件的解析器
|
|
resolvers: [ElementPlusResolver()],
|
|
globs: ["src/components/**/**.{vue, md}", '!src/components/DiyEditor/components/mobile/**']
|
|
}),
|
|
// 关闭 ESLint 插件，避免 vendor 依赖缺失导致 dev/build 失败
|
|
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()
|
|
]
|
|
|
|
// 生产构建跳过：与当前 @swc/core 不兼容会报 missing field `type`
|
|
// build.target 使用 es2022 已原生支持 top-level await
|
|
if (!isBuild) {
|
|
plugins.push(
|
|
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}`
|
|
})
|
|
)
|
|
}
|
|
|
|
return plugins
|
|
}
|