fix: 优化打包构建速度和混合布局侧边栏hover色值问题

src/styles/layout.scss

@@ -145,6 +145,11 @@ html.sidebar-color-blue .el-menu--popup {
 
 html.dark .layout-root.layout--mix .layout-sidebar .el-menu,
 html.sidebar-color-blue .layout-root.layout--mix .layout-sidebar .el-menu {
+  .el-menu-item:hover,
+  .el-sub-menu__title:hover {
+    background-color: var(--menu-hover) !important;
+  }
+
   .el-menu-item.is-active,
   .el-sub-menu.is-active > .el-sub-menu__title,
   .el-sub-menu.has-active-child > .el-sub-menu__title {

vite.config.ts

@@ -33,12 +33,9 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     },
     css: {
       preprocessorOptions: {
-        // 注入 Element Plus Sass 变量配置和项目布局变量。
+        // 注入项目布局变量。
         scss: {
-          additionalData: `
+          additionalData: `@use "@/styles/variables.scss" as *;`,
-            @use "@/styles/element-plus-vars.scss" as *;
-            @use "@/styles/variables.scss" as *;
-          `,
         },
       },
     },
@@ -64,7 +61,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
         imports: ["vue", "@vueuse/core", "pinia", "vue-router", "vue-i18n"],
         resolvers: [
           // 导入 Element Plus函数，如：ElMessage, ElMessageBox 等
-          ElementPlusResolver({ importStyle: "sass" }),
+          ElementPlusResolver({ importStyle: "css" }),
         ],
         eslintrc: {
           enabled: false,
@@ -80,7 +77,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
       Components({
         resolvers: [
           // 导入 Element Plus 组件
-          ElementPlusResolver({ importStyle: "sass" }),
+          ElementPlusResolver({ importStyle: "css" }),
         ],
         // 指定自定义组件位置(默认:src/components)
         dirs: ["src/components", "src/**/components"],