From e1be04eeb9c6fe1e1a3bf5b4fa2f6881d83c7310 Mon Sep 17 00:00:00 2001 From: owjs3901 Date: Mon, 3 Nov 2025 12:30:07 +0900 Subject: [PATCH] Fix split css issue --- .changeset/chatty-dots-bathe.md | 5 +++++ apps/vite-lib/vite.config.ts | 2 +- apps/vite/vite.config.ts | 2 +- packages/components/vite.config.ts | 2 +- packages/eslint-plugin/vite.config.ts | 2 +- packages/next-plugin/vite.config.ts | 2 +- packages/react/vite.config.ts | 2 +- packages/reset-css/vite.config.ts | 2 +- packages/rsbuild-plugin/vite.config.ts | 2 +- packages/vite-plugin/src/plugin.ts | 17 +++++++++++------ packages/vite-plugin/vite.config.ts | 2 +- packages/webpack-plugin/vite.config.ts | 2 +- 12 files changed, 26 insertions(+), 16 deletions(-) create mode 100644 .changeset/chatty-dots-bathe.md diff --git a/.changeset/chatty-dots-bathe.md b/.changeset/chatty-dots-bathe.md new file mode 100644 index 00000000..2b13329f --- /dev/null +++ b/.changeset/chatty-dots-bathe.md @@ -0,0 +1,5 @@ +--- +'@devup-ui/vite-plugin': patch +--- + +Fix split css issue diff --git a/apps/vite-lib/vite.config.ts b/apps/vite-lib/vite.config.ts index 2f372f09..8b7c850c 100644 --- a/apps/vite-lib/vite.config.ts +++ b/apps/vite-lib/vite.config.ts @@ -26,7 +26,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/apps/vite/vite.config.ts b/apps/vite/vite.config.ts index 456eed06..78b96668 100644 --- a/apps/vite/vite.config.ts +++ b/apps/vite/vite.config.ts @@ -8,7 +8,7 @@ export default defineConfig({ react(), DevupUI({ include: ['vite-lib-example'], - // singleCss: true, + singleCss: true, }), ], }) diff --git a/packages/components/vite.config.ts b/packages/components/vite.config.ts index 7bc8f138..f64b13e8 100644 --- a/packages/components/vite.config.ts +++ b/packages/components/vite.config.ts @@ -29,7 +29,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/packages/eslint-plugin/vite.config.ts b/packages/eslint-plugin/vite.config.ts index 56da018a..0cf0c964 100644 --- a/packages/eslint-plugin/vite.config.ts +++ b/packages/eslint-plugin/vite.config.ts @@ -28,7 +28,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/packages/next-plugin/vite.config.ts b/packages/next-plugin/vite.config.ts index 09f11c5b..b5c621c2 100644 --- a/packages/next-plugin/vite.config.ts +++ b/packages/next-plugin/vite.config.ts @@ -28,7 +28,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/packages/react/vite.config.ts b/packages/react/vite.config.ts index 7bc8f138..f64b13e8 100644 --- a/packages/react/vite.config.ts +++ b/packages/react/vite.config.ts @@ -29,7 +29,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/packages/reset-css/vite.config.ts b/packages/reset-css/vite.config.ts index 7bc8f138..f64b13e8 100644 --- a/packages/reset-css/vite.config.ts +++ b/packages/reset-css/vite.config.ts @@ -29,7 +29,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/packages/rsbuild-plugin/vite.config.ts b/packages/rsbuild-plugin/vite.config.ts index 56da018a..0cf0c964 100644 --- a/packages/rsbuild-plugin/vite.config.ts +++ b/packages/rsbuild-plugin/vite.config.ts @@ -28,7 +28,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/packages/vite-plugin/src/plugin.ts b/packages/vite-plugin/src/plugin.ts index 4e31e031..9fe2c385 100644 --- a/packages/vite-plugin/src/plugin.ts +++ b/packages/vite-plugin/src/plugin.ts @@ -120,8 +120,9 @@ export function DevupUI({ output: { manualChunks(id) { // merge devup css files - if (id.split('?')[0].endsWith('devup-ui.css')) { - return `devup-ui.css` + const fileName = basename(id).split('?')[0] + if (/devup-ui(-\d+)?\.css$/.test(fileName)) { + return fileName } }, }, @@ -149,20 +150,24 @@ export function DevupUI({ } }, resolveId(id, importer) { + const fileName = basename(id).split('?')[0] if ( - id.includes('devup-ui.css') && + /devup-ui(-\d+)?\.css$/.test(fileName) && resolve(importer ? join(dirname(importer), id) : id) === - resolve(join(cssDir, 'devup-ui.css')) + resolve(join(cssDir, fileName)) ) { return join( cssDir, - `devup-ui.css?t=${Date.now().toString() + (cssMap.get(null)?.length ?? 0)}`, + `${fileName}?t=${ + Date.now().toString() + + (cssMap.get(getFileNumByFilename(fileName))?.length ?? 0) + }`, ) } }, load(id) { const fileName = basename(id).split('?')[0] - if (fileName.startsWith('devup-ui') && fileName.endsWith('.css')) { + if (/devup-ui(-\d+)?\.css$/.test(fileName)) { const fileNum = getFileNumByFilename(fileName) const css = getCss(fileNum, false) cssMap.set(fileNum, css) diff --git a/packages/vite-plugin/vite.config.ts b/packages/vite-plugin/vite.config.ts index 56da018a..0cf0c964 100644 --- a/packages/vite-plugin/vite.config.ts +++ b/packages/vite-plugin/vite.config.ts @@ -28,7 +28,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: { diff --git a/packages/webpack-plugin/vite.config.ts b/packages/webpack-plugin/vite.config.ts index 906586e4..4a14969f 100644 --- a/packages/webpack-plugin/vite.config.ts +++ b/packages/webpack-plugin/vite.config.ts @@ -28,7 +28,7 @@ export default defineConfig({ isolatedModules: false, declaration: true, }, - }) as any, + }), ], build: { rollupOptions: {