Add optimize

Author: owjs3901

.changeset/true-ghosts-shop.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/vite-plugin": patch
+---
+
+Add optimize for lib

apps/vite-lib/package.json

@@ -3,6 +3,10 @@
   "version": "0.1.0",
   "type": "module",
   "private": true,
+  "exports": {
+    "import": "./dist/index.js",
+    "require": "./dist/index.cjs"
+  },
   "scripts": {
     "build": "vite build",
     "lint": "tsc && eslint"

apps/vite/package.json

@@ -12,7 +12,8 @@
   "dependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@devup-ui/react": "workspace:*"
+    "@devup-ui/react": "workspace:*",
+    "vite-lib-example": "workspace:*"
   },
   "devDependencies": {
     "@devup-ui/vite-plugin": "workspace:*",

apps/vite/src/App.tsx

@@ -1,4 +1,5 @@
 import { Box, Text } from '@devup-ui/react'
+import { Lib } from 'vite-lib-example'
 
 export default function App() {
   return (
@@ -11,6 +12,7 @@ export default function App() {
         color="red"
       >
         hello
+        <Lib />
       </Box>
       <Text typography="header">typo</Text>
     </div>

apps/vite/vite.config.ts

@@ -4,5 +4,10 @@ import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(), DevupUI()],
+  plugins: [
+    react(),
+    DevupUI({
+      include: ['vite-lib-example'],
+    }),
+  ],
 })

packages/vite-plugin/src/__tests__/plugin.test.ts

@@ -68,6 +68,9 @@ describe('devupUIPlugin', () => {
           ignored: [`!${devupPath}`],
         },
       },
+      optimizeDeps: {
+        exclude: [],
+      },
       build: {
         rollupOptions: {
           output: {
@@ -331,7 +334,7 @@ describe('devupUIPlugin', () => {
       'C:/devfive/minions-front/apps/vendor/node_modules/.vite/deps/@devup_product-system.js?v=63f19272',
     )
     expect(codeExtract).toHaveBeenCalledWith(
-      'C:/devfive/minions-front/apps/vendor/node_modules/.vite/deps/@devup_product-system.js?v=63f19272',
+      'C:/devfive/minions-front/apps/vendor/node_modules/.vite/deps/@devup_product-system.js',
       'code',
       libPackage,
       cssFile,

packages/vite-plugin/src/plugin.ts

@@ -83,6 +83,9 @@ export function DevupUI({
           'process.env.DEVUP_UI_DEFAULT_THEME':
             JSON.stringify(getDefaultTheme()),
         },
+        optimizeDeps: {
+          exclude: include,
+        },
       }
       if (extractCss) {
         ret['build'] = {
@@ -131,18 +134,27 @@ export function DevupUI({
     async transform(code, id) {
       if (!extractCss) return
 
+      const fileName = id.split('?')[0]
       if (
         include.length
           ? new RegExp(
-              `node_modules(?!(.*${include.join('|').replaceAll('/', '[\\/\\\\_]')})([\\/\\\\.]|$))`,
-            ).test(id)
+              `node_modules(?!(${include
+                .map((i) => `.*${i}`)
+                .join('|')
+                .replaceAll('/', '[\\/\\\\_]')})([\\/\\\\.]|$))`,
+            ).test(fileName)
           : id.includes('node_modules')
       ) {
         return
       }
-      if (!/\.(tsx|ts|js|mjs|jsx)$/i.test(id.split('?')[0])) return
+      if (!/\.(tsx|ts|js|mjs|jsx)$/i.test(fileName)) return
 
-      const { code: retCode, css } = codeExtract(id, code, libPackage, cssFile)
+      const { code: retCode, css } = codeExtract(
+        fileName,
+        code,
+        libPackage,
+        cssFile,
+      )
 
       if (css && globalCss.length < css.length) {
         globalCss = css