opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-07-21 10:38:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf(web): lazy-load Vite plugins (#38663)

Browse Source
This commit is contained in:
Stephen Zhou 2026-07-10 19:13:09 +08:00 committed by GitHub
parent 4043adacd7
commit 6f47950fe2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 41 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
web/vite.config.ts
View File

@ -1,9 +1,5 @@
import { fileURLToPath } from 'node:url'
import tailwindcss from '@tailwindcss/vite'
import react from '@vitejs/plugin-react'
import vinext from 'vinext'
import Inspect from 'vite-plugin-inspect'
import { defineConfig } from 'vite-plus'
import { defineConfig, lazyPlugins } from 'vite-plus'
import { createCodeInspectorPlugin, createForceInspectorClientInjectionPlugin } from './plugins/vite/code-inspector.ts'
import { customI18nHmrPlugin } from './plugins/vite/custom-i18n-hmr.ts'
import { getRootClientInjectTarget } from './plugins/vite/inject-target.ts'
@ -19,42 +15,57 @@ export default defineConfig(({ mode }) => {
|| process.argv.some(arg => arg.toLowerCase().includes('storybook'))
return {
plugins: isTest
? [
plugins: lazyPlugins(async () => {
const { default: react } = await import('@vitejs/plugin-react')
if (isTest) {
return [
nextStaticImageTestPlugin({ projectRoot }),
react(),
{
// Stub .mdx files so components importing them can be unit-tested
name: 'mdx-stub',
enforce: 'pre',
transform(_, id) {
transform(_: string, id: string) {
if (id.endsWith('.mdx'))
return { code: 'export default () => null', map: null }
},
},
]
: isStorybook
? [
react(),
]
: [
Inspect(),
createCodeInspectorPlugin({
injectTarget: rootClientInjectTarget,
}),
createForceInspectorClientInjectionPlugin({
injectTarget: rootClientInjectTarget,
projectRoot,
}),
tailwindcss(),
react(),
vinext({ react: false }),
customI18nHmrPlugin({ injectTarget: rootClientInjectTarget }),
// reactGrabOpenFilePlugin({
// injectTarget: rootClientInjectTarget,
// projectRoot,
// }),
],
}
if (isStorybook)
return [react()]
const [
{ default: tailwindcss },
{ default: vinext },
{ default: Inspect },
] = await Promise.all([
import('@tailwindcss/vite'),
import('vinext'),
import('vite-plugin-inspect'),
])
return [
Inspect(),
createCodeInspectorPlugin({
injectTarget: rootClientInjectTarget,
}),
createForceInspectorClientInjectionPlugin({
injectTarget: rootClientInjectTarget,
projectRoot,
}),
tailwindcss(),
react(),
vinext({ react: false }),
customI18nHmrPlugin({ injectTarget: rootClientInjectTarget }),
// reactGrabOpenFilePlugin({
// injectTarget: rootClientInjectTarget,
// projectRoot,
// }),
]
}),
resolve: {
tsconfigPaths: true,
alias: [