@vureact/compiler-core 1.0.4 → 1.1.0

package/lib/{chunk-6PSD2CIO.js → chunk-P26R53VO.js}

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9;/**
- * @vureact/compiler-core v1.0.3
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10;/**
+ * @vureact/compiler-core v1.1.0
  * (c) 2025-present Ruihong Zhong (Ryan John)
  * @license MIT
  */
@@ -1401,14 +1401,17 @@ var _less = require('less'); var _less2 = _interopRequireDefault(_less);
 var _sass = require('sass'); var sass = _interopRequireWildcard(_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;
+  return result;
 }
 function resolveLessSync(source, filename) {
   let result = "";
@@ -1478,13 +1481,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 +1494,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 +1593,8 @@ function parse(source, ctx, options) {
 // src/core/transform/sfc/script/syntax-processor/postprocess/insert-css-import.ts
 
 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 +1637,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 +1686,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 +5094,7 @@ function transform(ast, ctx, options) {
 }
 
 // package.json
-var version = "1.0.3";
+var version = "1.1.0";
 var bin = {
   vureact: "./bin/vureact.js"
 };
@@ -5085,6 +5103,7 @@ var bin = {
 var CacheKey = /* @__PURE__ */ ((CacheKey2) => {
   CacheKey2["SFC"] = "sfc";
   CacheKey2["SCRIPT"] = "script";
+  CacheKey2["STYLE"] = "style";
   CacheKey2["ASSET"] = "copied";
   return CacheKey2;
 })(CacheKey || {});
@@ -5190,6 +5209,7 @@ var Helper = (_class3 = class {
       "package-lock.json",
       "pnpm-lock.yaml",
       "index.html",
+      "yarn-lock.",
       "tsconfig.",
       "vite.config.",
       "eslint.config.",
@@ -5325,6 +5345,7 @@ var Helper = (_class3 = class {
       source: {
         ["sfc" /* SFC */]: [],
         ["script" /* SCRIPT */]: [],
+        ["style" /* STYLE */]: [],
         ["copied" /* ASSET */]: []
       }
     };
@@ -5465,6 +5486,39 @@ var Helper = (_class3 = class {
   }
 }, _class3);
 
+// 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(_optionalChain([options, 'optionalAccess', _199 => _199.plugins]), result, ctx);
+  return result;
+}
+
 // src/compiler/context/adapter.ts
 
 
@@ -5526,19 +5580,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 = _path2.default.extname(filename);
-    if (ext === ".vue") return "sfc";
-    if (ext === ".ts") return "script-ts";
-    return "script-js";
+    const ext = _path2.default.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 +5674,7 @@ var BaseCompiler = (_class5 = 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 +5686,29 @@ var BaseCompiler = (_class5 = 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 ast = parse(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _199 => _199.parser]) });
-      const ir = transform(ast, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _200 => _200.transformer]) });
+    const genOptions = this.prepareGenerateOptions(filename);
+    const resolveSFCAndScriptFile = () => {
+      const ast = parse(source, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _200 => _200.parser]) });
+      const ir = transform(ast, ctx.data, { plugins: _optionalChain([plugins, 'optionalAccess', _201 => _201.transformer]) });
       const gen = generate(ir, ctx.data, {
         ...genOptions,
-        plugins: _optionalChain([plugins, 'optionalAccess', _201 => _201.codegen])
+        plugins: _optionalChain([plugins, 'optionalAccess', _202 => _202.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: _optionalChain([plugins, 'optionalAccess', _203 => _203.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 +5718,6 @@ var BaseCompiler = (_class5 = 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: _optionalChain([styleData, 'optionalAccess', _202 => _202.filePath]),
-            hash: _optionalChain([styleData, 'optionalAccess', _203 => _203.scopeId]),
-            code: _optionalChain([ir, 'optionalAccess', _204 => _204.style])
-          }
-        },
-        ...base
-      };
-    }
-    return {
-      fileInfo: { script: { file, lang } },
-      ...base
-    };
-  }
   /**
    * 初始化 Babel 代码生成选项
    *
@@ -5759,6 +5782,87 @@ var BaseCompiler = (_class5 = 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: _optionalChain([styleData, 'optionalAccess', _204 => _204.filePath]),
+            hash: _optionalChain([styleData, 'optionalAccess', _205 => _205.scopeId]),
+            code: _optionalChain([ir, 'optionalAccess', _206 => _206.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
+    };
+  }
 }, _class5);
 
 // src/utils/calc-elapsed-time.ts
@@ -5783,11 +5887,13 @@ var _ora = require('ora'); var _ora2 = _interopRequireDefault(_ora);
 // src/compiler/shared/file-compiler/asset-manager.ts
 
 
-var AssetManager = class {
-  constructor(fileCompiler, cleanupManager) {
+var AssetManager = (_class6 = class {
+  constructor(fileCompiler, cleanupManager) {;_class6.prototype.__init10.call(this);
     this.fileCompiler = fileCompiler;
     this.cleanupManager = cleanupManager;
   }
+  // 需要经过管线编译处理的文件类型
+  __init10() {this.pipelineFiles = [".js", ".ts", ".less", ".scss", ".sass"]}
   /**
    * 运行资源文件处理管线
    */
@@ -5800,11 +5906,14 @@ var AssetManager = class {
       const relativeToRoot = normalizePath(this.fileCompiler.relativePath(p));
       const filename = _path2.default.basename(p).toLowerCase();
       const ext = _path2.default.extname(p).toLowerCase();
-      if (!_optionalChain([this, 'access', _205 => _205.fileCompiler, 'access', _206 => _206.options, 'access', _207 => _207.output, 'optionalAccess', _208 => _208.ignoreAssets])) {
+      if (!_optionalChain([this, 'access', _207 => _207.fileCompiler, 'access', _208 => _208.options, 'access', _209 => _209.output, 'optionalAccess', _210 => _210.ignoreAssets])) {
         const shouldExclude = Array.from(exclusions).some((pattern) => {
           if (pattern.endsWith(".")) {
             return filename.startsWith(pattern);
           }
+          if (pattern.startsWith(".")) {
+            return ext === pattern;
+          }
           return relativeToRoot === pattern || filename === pattern;
         });
         if (shouldExclude) {
@@ -5815,7 +5924,7 @@ var AssetManager = class {
       }
       if (ext === ".vue") return false;
       const isInsideSrc = p.startsWith(inputPath + _path2.default.sep);
-      if (isInsideSrc && (ext === ".js" || ext === ".ts")) {
+      if (isInsideSrc && this.pipelineFiles.includes(ext)) {
         return false;
       }
       return true;
@@ -5867,7 +5976,7 @@ var AssetManager = class {
       cache.target.push(newData);
     }
   }
-};
+}, _class6);
 
 // src/compiler/shared/file-compiler/cache-manager.ts
 var CacheManager = class {
@@ -5934,10 +6043,10 @@ var CleanupManager = class {
     const removeFn = async (m) => {
       if (key === "sfc" /* SFC */) {
         const meta = m;
-        if (!_optionalChain([meta, 'optionalAccess', _209 => _209.output])) return;
+        if (!_optionalChain([meta, 'optionalAccess', _211 => _211.output])) return;
         const { jsx, css } = meta.output;
         await this.fileCompiler.removeOutputFile(jsx.file);
-        if (_optionalChain([css, 'optionalAccess', _210 => _210.file])) {
+        if (_optionalChain([css, 'optionalAccess', _212 => _212.file])) {
           await this.fileCompiler.removeOutputFile(css.file);
         }
       } else if (key === "script" /* SCRIPT */ || key === "copied" /* ASSET */) {
@@ -5975,33 +6084,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 = _optionalChain([result, 'optionalAccess', _213 => _213.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: _optionalChain([script, 'optionalAccess', _214 => _214.file]),
+            code
+          }
+        };
+      } else if (isStyleFile) {
+        const { style } = result.fileInfo;
+        unit.output = {
+          style: {
+            file: style.file,
+            code
+          }
+        };
+      }
+    };
+    resolveFileInfo();
   }
   /**
    * 将编译产物写入磁盘
@@ -6018,6 +6141,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;
@@ -6029,13 +6156,13 @@ var CompilationUnitProcessor = class {
 
 // src/compiler/shared/file-compiler/file-processor.ts
 
-var FileProcessor = (_class6 = class {
-  constructor(fileCompiler, compilationUnitProcessor, cacheManager) {;_class6.prototype.__init10.call(this);
+var FileProcessor = (_class7 = class {
+  constructor(fileCompiler, compilationUnitProcessor, cacheManager) {;_class7.prototype.__init11.call(this);
     this.fileCompiler = fileCompiler;
     this.compilationUnitProcessor = compilationUnitProcessor;
     this.cacheManager = cacheManager;
   }
-  __init10() {this.pkgs = {
+  __init11() {this.pkgs = {
     router: {
       name: PACKAGE_NAME.router,
       version: "^1.0.0"
@@ -6053,11 +6180,17 @@ var FileProcessor = (_class6 = 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);
     const cache = (this.fileCompiler.getIsCache() ? existingCache : void 0) || await this.fileCompiler.loadCache(key);
-    const record = _optionalChain([cache, 'optionalAccess', _211 => _211.target, 'access', _212 => _212.find, 'call', _213 => _213((c) => c.file === absPath)]);
+    const record = _optionalChain([cache, 'optionalAccess', _215 => _215.target, 'access', _216 => _216.find, 'call', _217 => _217((c) => c.file === absPath)]);
     const { shouldCompile, hash } = await this.fileCompiler.checkCacheStatus(
       fileMeta,
       record,
@@ -6068,17 +6201,20 @@ var FileProcessor = (_class6 = 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 (_optionalChain([processed, 'optionalAccess', _214 => _214.output])) {
+    if (_optionalChain([processed, 'optionalAccess', _218 => _218.output])) {
       await this.compilationUnitProcessor.saveCompiledFiles(processed, key);
-      if (processed.hasRoute) {
-        await this.injectVuReactRouteDep();
+      if (key === "sfc" /* SFC */ || key === "script" /* SCRIPT */) {
+        if (_optionalChain([processed, 'optionalAccess', _219 => _219.hasRoute])) {
+          await this.injectVuReactRouteDep();
+        }
       }
       await this.cacheManager.updateCacheIncrementally(processed, key);
     }
@@ -6091,17 +6227,17 @@ var FileProcessor = (_class6 = class {
     pkg["dependencies"][router.name] = router.version;
     await _fs2.default.promises.writeFile(pkgPath, JSON.stringify(pkg, null, 2), "utf-8");
   }
-}, _class6);
+}, _class7);
 
 // src/compiler/shared/file-compiler/pipeline-manager.ts
 
-var PipelineManager = (_class7 = class {
-  constructor(fileCompiler, fileProcessor) {;_class7.prototype.__init11.call(this);
+var PipelineManager = (_class8 = class {
+  constructor(fileCompiler, fileProcessor) {;_class8.prototype.__init12.call(this);
     this.fileCompiler = fileCompiler;
     this.fileProcessor = fileProcessor;
     this.cleanupManager = new CleanupManager(fileCompiler);
   }
-  __init11() {this.skippedCount = 0}
+  __init12() {this.skippedCount = 0}
   
   /**
    * 运行 SFC 编译管线
@@ -6115,15 +6251,30 @@ var PipelineManager = (_class7 = 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 = _path2.default.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;
@@ -6155,20 +6306,20 @@ var PipelineManager = (_class7 = class {
   resetSkippedCount() {
     this.skippedCount = 0;
   }
-}, _class7);
+}, _class8);
 
 // src/compiler/shared/file-compiler/vite-bootstrapper.ts
 
 
 
 
-var ViteBootstrapper = (_class8 = class {
-  constructor(fileCompiler, options) {;_class8.prototype.__init12.call(this);_class8.prototype.__init13.call(this);
+var ViteBootstrapper = (_class9 = class {
+  constructor(fileCompiler, options) {;_class9.prototype.__init13.call(this);_class9.prototype.__init14.call(this);
     this.fileCompiler = fileCompiler;
     this.options = options;
   }
-  __init12() {this.spinner = _ora2.default.call(void 0, )}
-  __init13() {this.pkgs = {
+  __init13() {this.spinner = _ora2.default.call(void 0, )}
+  __init14() {this.pkgs = {
     runtime: {
       name: PACKAGE_NAME.runtime,
       version: "^1.0.0"
@@ -6251,7 +6402,7 @@ var ViteBootstrapper = (_class8 = class {
    */
   resolveViteCreateApp() {
     const { output } = this.options;
-    const config = _optionalChain([output, 'optionalAccess', _215 => _215.bootstrapVite]);
+    const config = _optionalChain([output, 'optionalAccess', _220 => _220.bootstrapVite]);
     const template = typeof config === "object" ? config.template : "react-ts";
     const outDirName = this.fileCompiler.getOutDirName();
     const cmd = `npm create vite@latest ${outDirName} -- --template ${template}`;
@@ -6261,12 +6412,12 @@ var ViteBootstrapper = (_class8 = class {
       // 隐藏 create-vite 内部的输出日志，保持终端整洁
     });
   }
-}, _class8);
+}, _class9);
 
 // src/compiler/shared/file-compiler/index.ts
-var FileCompiler = (_class9 = class extends BaseCompiler {
-  __init14() {this.skippedCount = 0}
-  __init15() {this.spinner = _ora2.default.call(void 0, )}
+var FileCompiler = (_class10 = class extends BaseCompiler {
+  __init15() {this.skippedCount = 0}
+  __init16() {this.spinner = _ora2.default.call(void 0, )}
   // 管理器实例
   
   
@@ -6283,7 +6434,7 @@ var FileCompiler = (_class9 = class extends BaseCompiler {
    * @see {@link CompilerOptions} 查看完整的选项说明
    */
   constructor(options = {}) {
-    super(options);_class9.prototype.__init14.call(this);_class9.prototype.__init15.call(this);;
+    super(options);_class10.prototype.__init15.call(this);_class10.prototype.__init16.call(this);;
     this.initializeManagers();
   }
   /**
@@ -6333,13 +6484,16 @@ var FileCompiler = (_class9 = 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 _optionalChain([this, 'access', _216 => _216.options, 'access', _217 => _217.onSuccess, 'optionalCall', _218 => _218()]);
+      await _optionalChain([this, 'access', _221 => _221.options, 'access', _222 => _222.onSuccess, 'optionalCall', _223 => _223()]);
       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 +6531,21 @@ var FileCompiler = (_class9 = 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 +6635,7 @@ var FileCompiler = (_class9 = 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: ${_kleur2.default.dim(dir)}`);
@@ -6477,16 +6646,17 @@ var FileCompiler = (_class9 = class extends BaseCompiler {
       console.info(_kleur2.default.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(_kleur2.default.gray(`Processed ${stats.join(", ")}`));
     }
     console.info();
   }
-}, _class9);
+}, _class10);
 
 // src/compiler/shared/define-config.ts
 function defineConfig(options) {