fix(vite): 🐛 page reloading by optimized dependencies changed

build/vite/optimize-deps.ts

@@ -0,0 +1,15 @@
+
+// TODO: glob import generate function
+export const createOptimizeDeps = () => ({
+  include: [
+    'element-plus/es/components/form/style/index',
+    'element-plus/es/components/button/style/index',
+    'element-plus/es/components/row/style/index',
+    'element-plus/es/components/col/style/index',
+    'element-plus/es/components/checkbox/style/index',
+    'element-plus/es/components/form-item/style/index',
+    'element-plus/es/components/input/style/index',
+    'element-plus/es/components/radio-group/style/index',
+    'element-plus/es/components/radio-button/style/index'
+  ]
+})

build/vite/plugins/unocss.ts

@@ -1,5 +1,5 @@
 import Unocss from 'unocss/vite'
-import path from 'path'
+import path from 'node:path'
 
 export const configUnocss = () => {
   return Unocss(path.resolve(process.cwd(), 'uno.config.ts'))

commitlint.config.js

@@ -1,6 +1,6 @@
-const fs = require('fs')
-const path = require('path')
-const { execSync } = require('child_process')
+const fs = require('node:fs')
+const path = require('node:path')
+const { execSync } = require('node:child_process')
 
 // 读取src下顶层目录作为默认scope选项（api、assets、components...）
 const scopes = fs

vite.config.ts

@@ -2,8 +2,9 @@ import type { ConfigEnv } from 'vite'
 import { defineConfig, loadEnv } from 'vite'
 import { createVitePlugins } from './build/vite/plugins'
 import { createProxy } from './build/vite/proxy'
+import { createOptimizeDeps } from './build/vite/optimize-deps'
 import { envParse } from './build/utils'
-import { resolve } from 'path'
+import { resolve } from 'node:path'
 
 // eslint-disable-next-line no-control-regex
 const INVALID_CHAR_REGEX = /[\x00-\x1F\x7F<>*#"{}|^[\]`;?:&=+$,_]/g
@@ -85,6 +86,8 @@ export default ({ mode }: ConfigEnv) => {
         ]
       },
     },
-    plugins: createVitePlugins(env, mode === 'production')
+    plugins: createVitePlugins(env, mode === 'production'),
+    // fix(vite): optimized dependencies changed. reloading
+    optimizeDeps: createOptimizeDeps()
   })
 }