Signed-off-by: chy <chy@163.com>

This commit is contained in:
chy
2026-02-02 23:17:44 +08:00
parent e10f2f058c
commit a49878384e
774 changed files with 249821 additions and 0 deletions

188
build/vite/index.ts Normal file
View File

@@ -0,0 +1,188 @@
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 Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
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-ng'
import UnoCSS from 'unocss/vite'
// vs code 编辑器配置
import monacoEditorPlugin from 'vite-plugin-monaco-editor'
import MEditor from '../monacoEditor'
// import { visualizer } from 'rollup-plugin-visualizer'
import externalGlobals from 'rollup-plugin-external-globals'
import { createHtmlPlugin } from 'vite-plugin-html'
export function createVitePlugins() {
const root = process.cwd()
const CDN_VERSIONS = {
vue: '3.4.29',
vueDemi: '0.14.7',
avue: '3.7.1',
vxePcUi: '4.0.17',
vxeTable: '4.7.17',
echarts: '5.4.3',
echartsWordcloud: '2.1.0',
sass: '1.69.5',
}
// 路径查找
function pathResolve(dir: string) {
return resolve(root, '.', dir)
}
return [
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'],
'@/utils/formRules': ['required'],
'@/utils/dict': ['DICT_TYPE'],
'@/hooks/design/useCrudHeight': ['useCrudHeight'],
'@/hooks/design/useCrudPermi': ['useCrudPermi']
}
],
dts: 'src/types/auto-imports.d.ts',
resolvers: [ElementPlusResolver(), IconsResolver({ prefix: 'Icon' })],
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(), IconsResolver({ enabledCollections: ['ep'] })],
globs: [
'src/components/**/**.{vue, md}',
'!src/components/DiyEditor/components/mobile/**',
'!src/components/LowFormDesign/components'
]
}),
Icons({
autoInstall: true
}),
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]',
}),
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}`
}),
monacoEditorPlugin({
languageWorkers: ['editorWorkerService', 'typescript', 'json', 'css'],
customWorkers: [
{
label: 'java',
entry: 'monaco-editor/esm/vs/basic-languages/java/java.contribution'
},
{
label: 'mysql',
entry: 'monaco-editor/esm/vs/basic-languages/sql/sql.contribution'
}
],
}),
MEditor.nlsPlugin({
//monacoEditor汉化
locale: MEditor.Languages.zh_hans,
localeData: MEditor.i18n
}),
// visualizer({
// open: true // 构建完成后自动打开浏览器
// }),
createHtmlPlugin({
inject: {
data: {
isProd: process.env.NODE_ENV === 'production',
cdnJs: [
`/plugins/vue/${CDN_VERSIONS.vue}/vue.global.prod.js`,
`/plugins/vueDemi/${CDN_VERSIONS.vueDemi}/index.iife.js`,
`/plugins/avue/${CDN_VERSIONS.avue}/avue.min.js`,
'/plugins/vxe/xe-utils.umd.min.js',
`/plugins/vxe/vxe-pc-ui_${CDN_VERSIONS.vxePcUi}/index.umd.min.js`,
`/plugins/vxe/vxe-table_${CDN_VERSIONS.vxeTable}/index.umd.min.js`,
`/plugins/echarts/${CDN_VERSIONS.echarts}/echarts.min.js`,
`/plugins/echartsWordcloud/${CDN_VERSIONS.echartsWordcloud}/echarts-wordcloud.min.js`,
`/plugins/sass/${CDN_VERSIONS.sass}/sass.dart.js`,
`/plugins/sass/${CDN_VERSIONS.sass}/sass.default.js`,
'/plugins/other/highlight.min.js'
],
cdnCss: [
`/plugins/avue/${CDN_VERSIONS.avue}/index.css`,
`/plugins/vxe/vxe-pc-ui_${CDN_VERSIONS.vxePcUi}/style.min.css`,
`/plugins/vxe/vxe-table_${CDN_VERSIONS.vxeTable}/style.min.css`
]
}
}
}),
{
...externalGlobals({
vue: 'Vue',
'vue-demi': 'VueDemi',
'@smallwei/avue': 'AVUE',
'xe-utils': 'XEUtils',
'vxe-pc-ui': 'VxeUI',
'vxe-table': 'VXETable',
echarts: 'echarts',
'echarts-wordcloud': 'echarts',
sass: 'sass',
'highlight.js': 'hljs'
}),
enforce: 'post',
apply: 'build'
}
]
}

163
build/vite/optimize.ts Normal file
View File

@@ -0,0 +1,163 @@
import MEditor from '../monacoEditor';
const include = [
'qs',
'url',
'vue',
'sass',
'mitt',
'axios',
'pinia',
'dayjs',
'qrcode',
'unocss',
'vue-router',
'vue-types',
'vue-i18n',
'crypto-js',
'cropperjs',
'lodash-es',
'nprogress',
'web-storage-cache',
'@iconify/iconify',
'@vueuse/core',
'@zxcvbn-ts/core',
'echarts/core',
'echarts/charts',
'echarts/components',
'echarts/renderers',
'echarts-wordcloud',
'@wangeditor/editor',
'@wangeditor/editor-for-vue',
'element-plus',
'element-plus/es',
'element-plus/es/locale/lang/zh-cn',
'element-plus/es/locale/lang/en',
'element-plus/es/components/avatar/style/css',
'element-plus/es/components/space/style/css',
'element-plus/es/components/backtop/style/css',
'element-plus/es/components/form/style/css',
'element-plus/es/components/radio-group/style/css',
'element-plus/es/components/radio/style/css',
'element-plus/es/components/checkbox/style/css',
'element-plus/es/components/checkbox-group/style/css',
'element-plus/es/components/switch/style/css',
'element-plus/es/components/time-picker/style/css',
'element-plus/es/components/date-picker/style/css',
'element-plus/es/components/descriptions/style/css',
'element-plus/es/components/descriptions-item/style/css',
'element-plus/es/components/link/style/css',
'element-plus/es/components/tooltip/style/css',
'element-plus/es/components/drawer/style/css',
'element-plus/es/components/dialog/style/css',
'element-plus/es/components/checkbox-button/style/css',
'element-plus/es/components/option-group/style/css',
'element-plus/es/components/radio-button/style/css',
'element-plus/es/components/cascader/style/css',
'element-plus/es/components/color-picker/style/css',
'element-plus/es/components/input-number/style/css',
'element-plus/es/components/rate/style/css',
'element-plus/es/components/select-v2/style/css',
'element-plus/es/components/tree-select/style/css',
'element-plus/es/components/slider/style/css',
'element-plus/es/components/time-select/style/css',
'element-plus/es/components/autocomplete/style/css',
'element-plus/es/components/image-viewer/style/css',
'element-plus/es/components/upload/style/css',
'element-plus/es/components/col/style/css',
'element-plus/es/components/form-item/style/css',
'element-plus/es/components/alert/style/css',
'element-plus/es/components/select/style/css',
'element-plus/es/components/input/style/css',
'element-plus/es/components/breadcrumb-item/style/css',
'element-plus/es/components/tag/style/css',
'element-plus/es/components/pagination/style/css',
'element-plus/es/components/table/style/css',
'element-plus/es/components/table-v2/style/css',
'element-plus/es/components/table-column/style/css',
'element-plus/es/components/card/style/css',
'element-plus/es/components/row/style/css',
'element-plus/es/components/button/style/css',
'element-plus/es/components/menu/style/css',
'element-plus/es/components/sub-menu/style/css',
'element-plus/es/components/menu-item/style/css',
'element-plus/es/components/option/style/css',
'element-plus/es/components/dropdown/style/css',
'element-plus/es/components/dropdown-menu/style/css',
'element-plus/es/components/dropdown-item/style/css',
'element-plus/es/components/skeleton/style/css',
'element-plus/es/components/tree/style/css',
'element-plus/es/components/badge/style/css',
'element-plus/es/components/breadcrumb/style/css',
'element-plus/es/components/image/style/css',
'element-plus/es/components/collapse-transition/style/css',
'element-plus/es/components/timeline/style/css',
'element-plus/es/components/timeline-item/style/css',
'element-plus/es/components/collapse/style/css',
'element-plus/es/components/collapse-item/style/css',
'element-plus/es/components/button-group/style/css',
'element-plus/es/components/text/style/css',
'element-plus/es/components/header/style/css',
'element-plus/es/components/popconfirm/style/css',
'element-plus/es/components/empty/style/css',
'element-plus/es/components/loading/style/css',
'element-plus/es/components/container/style/css',
'element-plus/es/components/main/style/css',
'element-plus/es/components/aside/style/css',
'element-plus/es/components/progress/style/css',
'element-plus/es/components/steps/style/css',
'element-plus/es/components/step/style/css',
'@smallwei/avue',
'@smallwei/avue/lib/index.css',
'monaco-editor/esm/vs/editor/editor.api',
'monaco-editor/esm/vs/editor/editor.main',
'monaco-editor/esm/vs/editor/contrib/find/browser/findController',
'monaco-editor/esm/vs/basic-languages/mysql/mysql',
'monaco-editor/esm/vs/basic-languages/javascript/javascript',
'monaco-editor/esm/vs/basic-languages/java/java',
'vxe-table/es/vxe-ui/index.js',
'@kangc/v-md-editor',
'@kangc/v-md-editor/lib/preview',
'@kangc/v-md-editor/lib/style/preview.css',
'@kangc/v-md-editor/lib/theme/github.js',
'@kangc/v-md-editor/lib/theme/style/github.css',
'highlight',
'@kangc/v-md-editor/lib/codemirror-editor',
'@kangc/v-md-editor/lib/style/codemirror-editor.css',
'@kangc/v-md-editor/lib/plugins/todo-list/index',
'@kangc/v-md-editor/lib/plugins/todo-list/todo-list.css',
'@kangc/v-md-editor/lib/plugins/tip/index',
'@kangc/v-md-editor/lib/plugins/tip/tip.css',
'codemirror',
'codemirror/mode/markdown/markdown',
'codemirror/mode/javascript/javascript',
'codemirror/mode/css/css',
'codemirror/mode/htmlmixed/htmlmixed',
'codemirror/mode/vue/vue',
'codemirror/addon/edit/closebrackets',
'codemirror/addon/edit/closetag',
'codemirror/addon/edit/matchbrackets',
'codemirror/addon/display/placeholder',
'codemirror/addon/selection/active-line',
'codemirror/addon/scroll/simplescrollbars',
'codemirror/addon/scroll/simplescrollbars.css',
'codemirror/lib/codemirror.css',
]
const exclude = ['@iconify/json', 'monaco-editor']
const esbuildOptions = {
define: {
global: 'globalThis',
},
treeShaking: true,
plugins: [
//monacoEditor汉化
MEditor.esbuildPluginMonacoEditorNls({
locale: MEditor.Languages.zh_hans,
localeData: MEditor.i18n,
}),
],
}
export { include, exclude, esbuildOptions }