@vureact/compiler-core 1.0.4 → 1.1.1

package/lib/{chunk-VWMAAVDB.esm.js → chunk-2ESB4I6I.esm.js}

@@ -1,5 +1,5 @@
 /**
- * @vureact/compiler-core v1.0.3
+ * @vureact/compiler-core v1.1.1
  * (c) 2025-present Ruihong Zhong (Ryan John)
  * @license MIT
  */
@@ -1401,14 +1401,18 @@ import less from "less";
 import * as sass from "sass";
 function resolveLessSass(source, options) {
   const { lang, enabled, filename } = options;
-  if (!enabled) return source;
-  if (lang === "less") {
-    return resolveLessSync(source, filename);
+  const result = { code: source, fileExt: ".css" };
+  if (!options.enabled) {
+    result.fileExt = `.${options.lang}`;
   }
-  if (lang === "scss" || lang === "sass") {
-    return resolveSassSync(source, filename);
+  if (!enabled) return result;
+  if (lang === "less") {
+    result.code = resolveLessSync(source, filename);
+  } else if (lang === "scss" || lang === "sass") {
+    result.code = resolveSassSync(source, filename);
   }
-  return source;
+  result.code = resolveImportExtensions(result.code);
+  return result;
 }
 function resolveLessSync(source, filename) {
   let result = "";
@@ -1459,6 +1463,12 @@ function resolveSassSync(source, filename) {
   const result = sass.compileString(source, options);
   return result.css;
 }
+function resolveImportExtensions(code) {
+  if (code.includes(".less") || code.includes(".scss") || code.includes(".sass")) {
+    return code.replaceAll(/\.(less|scss|sass)(?=['")])/g, ".css");
+  }
+  return code;
+}
 
 // src/core/parse/sfc/process/resolve-styles.ts
 function resolveStyles(descriptor, ctx, result) {
@@ -1478,13 +1488,12 @@ function resolveStyles(descriptor, ctx, result) {
       { file: filename }
     );
   }
-  const source = resolveLessSass(content, {
+  const { code, fileExt } = resolveLessSass(content, {
     lang,
     filename,
     enabled: preprocessStyles
   });
-  const disablePreprocessing = lang !== "css" && !preprocessStyles;
-  let ext = disablePreprocessing ? `.${lang}` : ".css";
+  let ext = fileExt;
   if (style.module) {
     ext = `-${fileId}.module${ext}`;
     styleData.moduleName = typeof style.module === "boolean" ? STYLE_MODULE_NAME : style.module;
@@ -1492,18 +1501,18 @@ function resolveStyles(descriptor, ctx, result) {
     ext = `-${fileId}${ext}`;
   }
   if (style.scoped) {
-    if (disablePreprocessing) {
+    if (lang !== "css" && !preprocessStyles) {
       logger.warn(
         "Scoped styles are only supported for CSS. Preprocessing is disabled, so scoped styles will not be applied.",
         { file: filename }
       );
       return;
     }
-    const result2 = processScopedWithPostCss(source, fileId);
+    const result2 = processScopedWithPostCss(code, fileId);
     style.content = result2.css.trim();
     styleData.scopeId = result2.scopeId;
   } else {
-    style.content = source;
+    style.content = code;
   }
   const filePath = filename.replace(/\.vue$/i, ext);
   styleData.filePath = filePath;
@@ -1591,7 +1600,8 @@ import { traverse as traverse3 } from "@babel/core";
 // src/core/transform/sfc/script/syntax-processor/postprocess/insert-css-import.ts
 import * as t16 from "@babel/types";
 function insertCSSImport(ctx) {
-  if (ctx.inputType !== "sfc") return;
+  const { inputType } = ctx;
+  if (inputType !== "sfc") return;
   const { filePath, moduleName } = ctx.styleData;
   if (!filePath) return;
   const scriptIR = getScriptIR(ctx);
@@ -1634,6 +1644,44 @@ function insertRequiredImports(ctx) {
   const processedModules = /* @__PURE__ */ new Set();
   let hasProcessedImports = false;
   recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.memo);
+  function resolveRequiredImport(path7) {
+    const { node } = path7;
+    const moduleName = node.source.value.toLowerCase();
+    const isVueLike = isVueEcosystemPackage(moduleName);
+    mergeImports(node, ctx);
+    if (processedModules.has(moduleName) && !path7.removed) {
+      path7.remove();
+      return;
+    }
+    processedModules.add(moduleName);
+    if (!hasProcessedImports) {
+      const required = createRequiredImports(ctx);
+      if (isVueLike) {
+        path7.replaceWithMultiple(required);
+      } else if (moduleName === PACKAGE_NAME.react) {
+        path7.insertAfter(required);
+      } else {
+        path7.insertBefore(required);
+      }
+      hasProcessedImports = true;
+    }
+    if (isVueLike && !path7.removed) {
+      path7.remove();
+      return;
+    }
+    replaceVueSuffix(ctx, node.source);
+  }
+  function resolveStyleFileExt(path7) {
+    if (!ctx.preprocessStyles) return;
+    const { node } = path7;
+    if (!node || !node.source || !node.source.value) return;
+    const importSource = node.source.value;
+    if (typeof importSource !== "string") return;
+    const styleExtRegex = /\.(less|sass|scss)$/i;
+    if (!styleExtRegex.test(importSource)) return;
+    const newSource = importSource.replace(styleExtRegex, ".css");
+    node.source.value = newSource;
+  }
   return {
     // 增加 Program.exit 兜底注入 required imports（处理无 ImportDeclaration 的 SFC）
     Program: {
@@ -1645,31 +1693,8 @@ function insertRequiredImports(ctx) {
       }
     },
     ImportDeclaration(path7) {
-      const { node } = path7;
-      const moduleName = node.source.value.toLowerCase();
-      const isVueLike = isVueEcosystemPackage(moduleName);
-      mergeImports(node, ctx);
-      if (processedModules.has(moduleName) && !path7.removed) {
-        path7.remove();
-        return;
-      }
-      processedModules.add(moduleName);
-      if (!hasProcessedImports) {
-        const required = createRequiredImports(ctx);
-        if (isVueLike) {
-          path7.replaceWithMultiple(required);
-        } else if (moduleName === PACKAGE_NAME.react) {
-          path7.insertAfter(required);
-        } else {
-          path7.insertBefore(required);
-        }
-        hasProcessedImports = true;
-      }
-      if (isVueLike && !path7.removed) {
-        path7.remove();
-        return;
-      }
-      replaceVueSuffix(ctx, node.source);
+      resolveRequiredImport(path7);
+      resolveStyleFileExt(path7);
     }
   };
 }
@@ -5076,7 +5101,7 @@ function transform(ast, ctx, options) {
 }
 
 // package.json
-var version = "1.0.3";
+var version = "1.1.1";
 var bin = {
   vureact: "./bin/vureact.js"
 };
@@ -5085,6 +5110,7 @@ var bin = {
 var CacheKey = /* @__PURE__ */ ((CacheKey2) => {
   CacheKey2["SFC"] = "sfc";
   CacheKey2["SCRIPT"] = "script";
+  CacheKey2["STYLE"] = "style";
   CacheKey2["ASSET"] = "copied";
   return CacheKey2;
 })(CacheKey || {});
@@ -5190,6 +5216,7 @@ var Helper = class {
       "package-lock.json",
       "pnpm-lock.yaml",
       "index.html",
+      "yarn-lock.",
       "tsconfig.",
       "vite.config.",
       "eslint.config.",
@@ -5325,6 +5352,7 @@ var Helper = class {
       source: {
         ["sfc" /* SFC */]: [],
         ["script" /* SCRIPT */]: [],
+        ["style" /* STYLE */]: [],
         ["copied" /* ASSET */]: []
       }
     };
@@ -5465,6 +5493,39 @@ var Helper = class {
   }
 };
 
+// src/core/parse/style-only.ts
+function parseOnlyStyle(source, ctx, options) {
+  const { filename } = ctx;
+  let lang = filename.split(".").pop();
+  if (!lang) {
+    lang = "css";
+    logger.warn(`The style file without an extension has been fallback to .css`, {
+      file: filename
+    });
+  }
+  const { code, fileExt } = resolveLessSass(source, {
+    filename,
+    lang,
+    enabled: ctx.preprocessStyles
+  });
+  const result = {
+    template: null,
+    script: null,
+    style: {
+      source: {
+        type: "style",
+        content: code,
+        lang: fileExt.replace(".", ""),
+        attrs: {},
+        loc: {}
+      },
+      ast: void 0
+    }
+  };
+  executePlugins(options?.plugins, result, ctx);
+  return result;
+}
+
 // src/compiler/context/adapter.ts
 import path3 from "path";
 
@@ -5526,19 +5587,42 @@ var CompilationAdapter = class _CompilationAdapter {
   static createContext(input) {
     const ctx = createCompilationCtx();
     const inputType = _CompilationAdapter.detectInputType(input.filename);
-    if (inputType.startsWith("script-")) {
-      ctx.data.inputType = inputType;
+    const initTemplateData = () => {
       ctx.data.templateData = {};
+    };
+    const initScriptData = () => {
+      ctx.data.scriptData = {};
+    };
+    const initStyleData = () => {
       ctx.data.styleData = {};
+    };
+    if (inputType.startsWith("script-")) {
+      initTemplateData();
+      initStyleData();
+    } else if (inputType === "style") {
+      initTemplateData();
+      initScriptData();
     }
     ctx.init({ inputType, ...input });
     return ctx;
   }
   static detectInputType(filename) {
-    const ext = path3.extname(filename);
-    if (ext === ".vue") return "sfc";
-    if (ext === ".ts") return "script-ts";
-    return "script-js";
+    const ext = path3.extname(filename).toLowerCase();
+    switch (ext) {
+      case ".vue":
+        return "sfc";
+      case ".js":
+        return "script-js";
+      case ".ts":
+        return "script-ts";
+      case ".css":
+      case ".less":
+      case ".sass":
+      case ".scss":
+        return "style";
+      default:
+        return "unknow";
+    }
   }
 };
 
@@ -5597,8 +5681,7 @@ var BaseCompiler = class extends Helper {
    * `;
    *
    * const result = compiler.compile(vueCode, 'MyComponent.vue');
-   * console.log(result.code); // 生成的 React JSX 代码
-   * console.log(result.fileInfo.jsx.file); // 输出文件路径
+   * console.log(result);
    * ```
    *
    * @throws 不会直接抛出异常，错误通过日志系统记录
@@ -5610,21 +5693,29 @@ var BaseCompiler = class extends Helper {
   compile(source, filename) {
     const { plugins, preprocessStyles = true } = this.options;
     const fileId = this.genHash(filename);
-    const genOptions = this.prepareGenerateOptions(filename);
     const ctx = this.createContext({
       fileId,
       filename,
       source,
       preprocessStyles
     });
-    try {
+    const genOptions = this.prepareGenerateOptions(filename);
+    const resolveSFCAndScriptFile = () => {
       const ast = parse(source, ctx.data, { plugins: plugins?.parser });
       const ir = transform(ast, ctx.data, { plugins: plugins?.transformer });
       const gen = generate(ir, ctx.data, {
         ...genOptions,
         plugins: plugins?.codegen
       });
-      const result = this.resolveResult(ir, gen, ctx.data);
+      return this.resolveMainResult(ir, gen, ctx.data);
+    };
+    const resolveStyleFile = () => {
+      const result = parseOnlyStyle(source, ctx.data, { plugins: plugins?.parser });
+      return this.resolveStyleResult(result, ctx.data);
+    };
+    try {
+      const isStyleFile = ctx.data.inputType === "style";
+      const result = isStyleFile ? resolveStyleFile() : resolveSFCAndScriptFile();
       if (plugins) {
         const { parser, transformer, codegen, ...rest } = plugins;
         executePlugins(rest, result, ctx);
@@ -5634,67 +5725,6 @@ var BaseCompiler = class extends Helper {
       ctx.clear();
     }
   }
-  /**
-   * 处理 SFC 和 Script 文件的编译结果
-   *
-   * 根据编译上下文中的输入类型（SFC 或 Script），整理并返回相应的编译结果。
-   * 对于 SFC 文件，返回包含 JSX 和 CSS 信息的完整结果；
-   * 对于 Script 文件，返回仅包含脚本信息的结果。
-   *
-   * 关键处理逻辑：
-   * 1. 构建基础结果：包含文件ID、路由信息和生成的代码
-   * 2. 确定输出路径：根据源文件路径和语言类型生成输出文件路径
-   * 3. 区分文件类型：
-   *    - SFC 文件：生成 .tsx 扩展名，包含样式信息
-   *    - Script 文件：保持原扩展名，不包含样式信息
-   * 4. 样式处理：提取样式文件路径、作用域ID和样式代码
-   *
-   * @private
-   * @param ir - React 中间表示（IR）描述符，包含转换后的组件信息
-   * @param gen - 代码生成结果，包含生成的代码和源码映射
-   * @param ctxData - 编译上下文数据，包含文件信息和编译状态
-   * @returns {CompilationResult} 整理后的编译结果
-   *
-   * @remarks
-   * - 文件扩展名处理：Vue SFC 文件会转换为 .tsx 或 .jsx 文件
-   * - 样式分离：SFC 中的样式会被提取到独立的 CSS 文件中
-   * - 路由检测：自动检测组件是否使用路由，用于依赖注入
-   * - 作用域样式：为 Scoped CSS 生成唯一的作用域ID
-   *
-   * @see {@link SFCCompilationResult} SFC 编译结果类型
-   * @see {@link ScriptCompilationResult} Script 编译结果类型
-   */
-  resolveResult(ir, gen, ctxData) {
-    const { fileId, filename, scriptData, styleData } = ctxData;
-    const base = {
-      fileId,
-      hasRoute: ctxData.route,
-      ...gen
-    };
-    const { lang } = scriptData;
-    const file = this.resolveOutputPath(filename, lang);
-    if (ctxData.inputType === "sfc") {
-      return {
-        fileInfo: {
-          jsx: {
-            file: `${file}x`,
-            // 'xxx.ts' + 'x' => 'xxx.tsx'
-            lang
-          },
-          css: {
-            file: styleData?.filePath,
-            hash: styleData?.scopeId,
-            code: ir?.style
-          }
-        },
-        ...base
-      };
-    }
-    return {
-      fileInfo: { script: { file, lang } },
-      ...base
-    };
-  }
   /**
    * 初始化 Babel 代码生成选项
    *
@@ -5759,6 +5789,87 @@ var BaseCompiler = class extends Helper {
     }
     return mergedOptions;
   }
+  /**
+   * 处理 SFC 和 Script 文件的编译结果
+   *
+   * 根据编译上下文中的输入类型（SFC 或 Script），整理并返回相应的编译结果。
+   * 对于 SFC 文件，返回包含 JSX 和 CSS 信息的完整结果；
+   * 对于 Script 文件，返回仅包含脚本信息的结果。
+   *
+   * 关键处理逻辑：
+   * 1. 构建基础结果：包含文件ID、路由信息和生成的代码
+   * 2. 确定输出路径：根据源文件路径和语言类型生成输出文件路径
+   * 3. 区分文件类型：
+   *    - SFC 文件：生成 .tsx 扩展名，包含样式信息
+   *    - Script 文件：保持原扩展名，不包含样式信息
+   * 4. 样式处理：提取样式文件路径、作用域ID和样式代码
+   *
+   * @private
+   * @param ir - React 中间表示（IR）描述符，包含转换后的组件信息
+   * @param gen - 代码生成结果，包含生成的代码和源码映射
+   * @param ctxData - 编译上下文数据，包含文件信息和编译状态
+   * @returns {CompilationResult} 整理后的编译结果
+   *
+   * @remarks
+   * - 文件扩展名处理：Vue SFC 文件会转换为 .tsx 或 .jsx 文件
+   * - 样式分离：SFC 中的样式会被提取到独立的 CSS 文件中
+   * - 路由检测：自动检测组件是否使用路由，用于依赖注入
+   * - 作用域样式：为 Scoped CSS 生成唯一的作用域ID
+   *
+   * @see {@link SFCCompilationResult} SFC 编译结果类型
+   * @see {@link ScriptCompilationResult} Script 编译结果类型
+   */
+  resolveMainResult(ir, gen, ctxData) {
+    const { fileId, filename, scriptData, styleData, inputType } = ctxData;
+    const base = {
+      fileId,
+      hasRoute: ctxData.route,
+      ...gen
+    };
+    const { lang } = scriptData;
+    const file = this.resolveOutputPath(filename, lang);
+    if (inputType === "sfc") {
+      return {
+        fileInfo: {
+          jsx: {
+            file: `${file}x`,
+            // 'xxx.ts' + 'x' => 'xxx.tsx'
+            lang
+          },
+          css: {
+            file: styleData?.filePath,
+            hash: styleData?.scopeId,
+            code: ir?.style
+          }
+        },
+        ...base
+      };
+    }
+    return {
+      fileInfo: { script: { file, lang } },
+      ...base
+    };
+  }
+  /**
+   * 处理 Style 文件的编译结果
+   * @param data style 文件解析结果
+   * @param ctxData 上下文数据
+   */
+  resolveStyleResult(data, ctxData) {
+    const { fileId, filename } = ctxData;
+    const { lang, content = "" } = data.style.source;
+    const file = this.resolveOutputPath(filename, lang);
+    return {
+      fileId,
+      fileInfo: {
+        style: {
+          file,
+          lang
+        }
+      },
+      code: content
+    };
+  }
 };
 
 // src/utils/calc-elapsed-time.ts
@@ -5788,6 +5899,8 @@ var AssetManager = class {
     this.fileCompiler = fileCompiler;
     this.cleanupManager = cleanupManager;
   }
+  // 需要经过管线编译处理的文件类型
+  pipelineFiles = [".js", ".ts", ".less", ".scss", ".sass"];
   /**
    * 运行资源文件处理管线
    */
@@ -5805,6 +5918,9 @@ var AssetManager = class {
           if (pattern.endsWith(".")) {
             return filename.startsWith(pattern);
           }
+          if (pattern.startsWith(".")) {
+            return ext === pattern;
+          }
           return relativeToRoot === pattern || filename === pattern;
         });
         if (shouldExclude) {
@@ -5815,7 +5931,7 @@ var AssetManager = class {
       }
       if (ext === ".vue") return false;
       const isInsideSrc = p.startsWith(inputPath + path4.sep);
-      if (isInsideSrc && (ext === ".js" || ext === ".ts")) {
+      if (isInsideSrc && this.pipelineFiles.includes(ext)) {
         return false;
       }
       return true;
@@ -5975,33 +6091,47 @@ var CompilationUnitProcessor = class {
   }
   // 处理编译结果
   resolveResult(result, unit, key) {
-    const { fileId, code, hasRoute } = result;
+    const { fileId, code } = result;
     unit.fileId = fileId;
-    unit.hasRoute = hasRoute;
-    if (key === "sfc" /* SFC */) {
-      const component = result;
-      const { jsx, css } = component.fileInfo;
-      if (css.file) {
-        css.file = this.fileCompiler.resolveOutputPath(css.file);
-      }
-      unit.output = {
-        // 添加 jsx 文件信息
-        jsx: {
-          file: jsx.file,
-          code
-        },
-        css
-        // 添加 css 文件信息
-      };
-    } else if (key === "script" /* SCRIPT */) {
-      const { script } = result.fileInfo;
-      unit.output = {
-        script: {
-          file: script.file,
-          code
+    const isSFC = key === "sfc" /* SFC */;
+    const isScriptFile = key === "script" /* SCRIPT */;
+    const isStyleFile = key === "style" /* STYLE */;
+    if (isSFC || isScriptFile) {
+      unit.hasRoute = result?.hasRoute;
+    }
+    const resolveFileInfo = () => {
+      if (isSFC) {
+        const component = result;
+        const { jsx, css } = component.fileInfo;
+        if (css.file) {
+          css.file = this.fileCompiler.resolveOutputPath(css.file);
         }
-      };
-    }
+        unit.output = {
+          jsx: {
+            file: jsx.file,
+            code
+          },
+          css
+        };
+      } else if (isScriptFile) {
+        const { script } = result.fileInfo;
+        unit.output = {
+          script: {
+            file: script?.file,
+            code
+          }
+        };
+      } else if (isStyleFile) {
+        const { style } = result.fileInfo;
+        unit.output = {
+          style: {
+            file: style.file,
+            code
+          }
+        };
+      }
+    };
+    resolveFileInfo();
   }
   /**
    * 将编译产物写入磁盘
@@ -6018,6 +6148,10 @@ var CompilationUnitProcessor = class {
       if (css.file && css.code) {
         await this.fileCompiler.writeFileWithDir(css.file, css.code);
       }
+    } else if (key === "style" /* STYLE */) {
+      const { style } = output;
+      file = style.file;
+      code = style.code;
     } else {
       const { script } = output;
       file = script.file;
@@ -6053,6 +6187,12 @@ var FileProcessor = class {
   async processScript(filePath, existingCache) {
     return this.processFile("script" /* SCRIPT */, filePath, existingCache);
   }
+  /**
+   * Process a single style file (this method is called directly in CLI Watch mode)
+   */
+  async processStyle(filePath, existingCache) {
+    return this.processFile("style" /* STYLE */, filePath, existingCache);
+  }
   async processFile(key, filePath, existingCache) {
     const absPath = this.fileCompiler.getAbsPath(filePath);
     const fileMeta = await this.fileCompiler.getFileMeta(absPath);
@@ -6068,17 +6208,20 @@ var FileProcessor = class {
     if (!source.trim()) return;
     const initUnit = {
       ...fileMeta,
-      file: absPath,
-      fileId: "",
       source,
-      hash: hash || this.fileCompiler.genHash(source),
-      output: null
+      type: key,
+      fileId: "",
+      file: absPath,
+      output: void 0,
+      hash: hash || this.fileCompiler.genHash(source)
     };
     const processed = await this.compilationUnitProcessor.resolve(initUnit, key);
     if (processed?.output) {
       await this.compilationUnitProcessor.saveCompiledFiles(processed, key);
-      if (processed.hasRoute) {
-        await this.injectVuReactRouteDep();
+      if (key === "sfc" /* SFC */ || key === "script" /* SCRIPT */) {
+        if (processed?.hasRoute) {
+          await this.injectVuReactRouteDep();
+        }
       }
       await this.cacheManager.updateCacheIncrementally(processed, key);
     }
@@ -6115,15 +6258,30 @@ var PipelineManager = class {
   async runScriptPipeline() {
     return this.runCorePipeline("script" /* SCRIPT */);
   }
+  /**
+   * 运行 Style 编译管线
+   */
+  async runStylePipeline() {
+    return this.runCorePipeline("style" /* STYLE */);
+  }
   /**
    * 核心编译管线
    */
   async runCorePipeline(key) {
     const inputPath = this.fileCompiler.getInputPath();
+    const scriptExtRegex = /\.(js|ts)$/i;
+    const styleExtRegex = /\.(css|less|sass|scss)$/i;
     const files = this.fileCompiler.scanFiles(inputPath, (p) => {
       const ext = path6.extname(p);
-      if (key === "sfc" /* SFC */) return ext === ".vue";
-      if (key === "script" /* SCRIPT */) return ext === ".js" || ext === ".ts";
+      if (key === "sfc" /* SFC */) {
+        return ext === ".vue";
+      }
+      if (key === "script" /* SCRIPT */) {
+        return scriptExtRegex.test(ext);
+      }
+      if (key === "style" /* STYLE */) {
+        return styleExtRegex.test(ext);
+      }
       return false;
     });
     if (!files.length) return 0;
@@ -6333,13 +6491,16 @@ var FileCompiler = class extends BaseCompiler {
       this.spinner.start("Compiling script files...");
       const scriptCount = await this.pipelineManager.runScriptPipeline();
       this.spinner.stop();
+      this.spinner.start("Compiling style files...");
+      const styleCount = await this.pipelineManager.runStylePipeline();
+      this.spinner.stop();
       this.spinner.start("Copying assets...");
       const assetCount = await this.assetManager.runAssetPipeline();
       this.spinner.stop();
       await this.options.onSuccess?.();
       const endTime = calcElapsedTime(startTime);
       this.printCoreLogs();
-      this.showCompileStats(endTime, sfcCount, scriptCount, assetCount);
+      this.showCompileStats(endTime, sfcCount, scriptCount, styleCount, assetCount);
     } catch (error) {
       this.spinner.stop();
       const endTime = calcElapsedTime(startTime);
@@ -6377,6 +6538,21 @@ var FileCompiler = class extends BaseCompiler {
   async processScript(filePath, existingCache) {
     return this.fileProcessor.processScript(filePath, existingCache);
   }
+  /**
+   * 处理单个 CSS/LESS/SCSS 样式文件
+   *
+   * 此方法主要用于 CLI 的 watch 模式，当检测到文件变更时调用。
+   * 支持增量编译，如果文件未变更则跳过编译。
+   *
+   * @async
+   * @param filePath - style 文件的绝对路径
+   * @param existingCache - 可选的预加载缓存对象，用于增量编译
+   * @returns {Promise<ScriptUnit | undefined>} 编译单元对象，如果跳过编译则返回 undefined
+   * @see {@link FileProcessor.processStyle}
+   */
+  async processStyle(filePath, existingCache) {
+    return this.fileProcessor.processStyle(filePath, existingCache);
+  }
   /**
    * 处理单个文件（Vue 或 Script）
    *
@@ -6466,7 +6642,7 @@ var FileCompiler = class extends BaseCompiler {
    * @param scriptCount - 处理的脚本文件数量
    * @param assetCount - 处理的资源文件数量
    */
-  showCompileStats(endTime, sfcCount, scriptCount, assetCount) {
+  showCompileStats(endTime, sfcCount, scriptCount, styleCount, assetCount) {
     const dir = normalizePath(this.relativePath(this.getOuputPath()));
     this.spinner.succeed(`Build completed in ${endTime}`);
     console.info(` Output directory: ${kleur6.dim(dir)}`);
@@ -6477,10 +6653,11 @@ var FileCompiler = class extends BaseCompiler {
       console.info(kleur6.dim(`Skipped ${this.skippedCount} unchanged file(s)`));
       this.resetSkippedCount();
     }
-    if (sfcCount || scriptCount || assetCount) {
+    if (sfcCount || scriptCount || styleCount || assetCount) {
       const stats = [];
       if (sfcCount) stats.push(`${sfcCount} SFC(s)`);
       if (scriptCount) stats.push(`${scriptCount} script(s)`);
+      if (styleCount) stats.push(`${styleCount} style(s)`);
       if (assetCount) stats.push(`${assetCount} asset(s)`);
       console.info(kleur6.gray(`Processed ${stats.join(", ")}`));
     }