fix: fixed svg icon load failure and enabled global injection bem.scss

internal/vite-config/package.json

@@ -22,7 +22,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./src/index.ts",
       "default": "./dist/index.mjs"
     }
   },

internal/vite-config/src/config/application.ts

@@ -2,6 +2,10 @@ import type { UserConfig } from 'vite';
 
 import type { DefineApplicationOptions } from '../typing';
 
+import { relative } from 'node:path';
+
+import { findMonorepoRoot } from '@vben/node-utils';
+
 import { defineConfig, loadEnv, mergeConfig } from 'vite';
 
 import { loadApplicationPlugins } from '../plugins';
@@ -33,6 +37,8 @@ function defineApplicationConfig(userConfigPromise: DefineApplicationOptions) {
       ...application,
     });
 
+    const { injectGlobalScss = true } = application;
+
     const applicationConfig: UserConfig = {
       build: {
         rollupOptions: {
@@ -44,6 +50,7 @@ function defineApplicationConfig(userConfigPromise: DefineApplicationOptions) {
         },
         target: 'es2015',
       },
+      css: createCssOptions(injectGlobalScss),
       esbuild: {
         drop: isBuild
           ? [
@@ -71,4 +78,24 @@ function defineApplicationConfig(userConfigPromise: DefineApplicationOptions) {
   });
 }
 
+function createCssOptions(injectGlobalScss = true) {
+  const root = findMonorepoRoot();
+  return {
+    preprocessorOptions: injectGlobalScss
+      ? {
+          scss: {
+            additionalData: (content: string, filepath: string) => {
+              const relativePath = relative(root, filepath);
+              // apps下的包注入全局样式
+              if (relativePath.startsWith('apps/')) {
+                return `@import "@vben/styles/global";\n${content}`;
+              }
+              return content;
+            },
+          },
+        }
+      : {},
+  };
+}
+
 export { defineApplicationConfig };

internal/vite-config/src/typing.ts

@@ -67,6 +67,8 @@ interface ApplicationPluginOptions extends CommonPluginOptions {
   importmapOptions?: ImportmapPluginOptions;
   /** 是否注入app loading */
   injectAppLoading?: boolean;
+  /** 是否注入全局scss */
+  injectGlobalScss?: boolean;
   /** 是否注入版权信息 */
   license?: boolean;
   /** 是否开启pwa */