@infly/vue2-vite 1.0.0 → 1.0.1

package/bin/vue-cli-service.mjs

@@ -1,135 +1,135 @@
-#!/usr/bin/env node
-
-/**
- * vue-cli-service 薄分发器（@infly/vue2-vite 内建版本）
- *
- * 使已习惯 vue-cli-service 命令的项目只需加 --infly-vite 即可切换到 Vite。
- * 与 @infly/libs 版本不同：此版本是纯项目本地实现，无 monorepo 根检测。
- *
- * 行为矩阵（Vite 工具链模式，@vue/cli-service 不可用）：
- *   vue-cli-service serve                      → Vite dev server（默认）
- *   vue-cli-service build                      → Vite build（默认）
- *   vue-cli-service serve --infly-vite         → Vite dev server（标志可选）
- *   vue-cli-service test:unit                  → vitest run（转交 infly-vue2-vite test）
- *
- * 行为矩阵（Webpack 共存模式，@vue/cli-service 可用）：
- *   vue-cli-service serve                      → 原始 @vue/cli-service（Webpack）
- *   vue-cli-service build                      → 原始 @vue/cli-service（Webpack）
- *   vue-cli-service serve --infly-vite         → infly-vue2-vite serve（Vite）
- *   vue-cli-service build --infly-vite         → infly-vue2-vite build（Vite）
- *   vue-cli-service test:unit --infly-vite     → vitest run（转交 infly-vue2-vite test）
- *   Vite 构建失败                               → 不回退 Webpack
- */
-
-import fs from 'node:fs';
-import path from 'node:path';
-import { spawn } from 'node:child_process';
-import { createRequire } from 'node:module';
-import { fileURLToPath } from 'node:url';
-
-/**
- * 从参数中检测并消费 --infly-vite
- */
-function parseFlags(argv) {
-  let hasInflyVite = false;
-  const remaining = [];
-
-  for (const arg of argv) {
-    if (arg === '--infly-vite') {
-      hasInflyVite = true;
-    } else {
-      remaining.push(arg);
-    }
-  }
-
-  return { hasInflyVite, remaining };
-}
-
-/**
- * 生成子进程并转发信号
- */
-function spawnForwarded(executable, args, options) {
-  const child = spawn(executable, args, { ...options, stdio: 'inherit' });
-
-  ['SIGINT', 'SIGTERM'].forEach((sig) => {
-    process.once(sig, () => child.kill(sig));
-  });
-
-  child.once('error', (err) => {
-    console.error(err.message);
-    process.exitCode = 1;
-  });
-
-  child.once('exit', (code, signal) => {
-    process.exitCode = typeof code === 'number' ? code : signal ? 1 : 0;
-  });
-
-  return child;
-}
-
-/**
- * 启动 Vite（通过 infly-vue2-vite CLI）
- */
-function spawnVite(args, cwd) {
-  const selfDir = path.dirname(fileURLToPath(import.meta.url));
-  const viteCli = path.resolve(selfDir, 'infly-vue2-vite.mjs');
-
-  if (!fs.existsSync(viteCli)) {
-    console.error(
-      '[vue-cli-service] 找不到 infly-vue2-vite CLI 入口。请确认 @infly/vue2-vite 安装完整。'
-    );
-    process.exitCode = 1;
-    return;
-  }
-
-  return spawnForwarded(process.execPath, [viteCli, ...args], {
-    cwd,
-    env: process.env,
-  });
-}
-
-/**
- * 检测 @vue/cli-service 是否可用
- * Vite 工具链模式下 .pnpmfile.cjs 会裁剪 webpack 依赖，导致解析失败 → 默认走 Vite
- */
-function resolveVueCliService(cwd) {
-  try {
-    return createRequire(path.join(cwd, 'package.json'))
-      .resolve('@vue/cli-service/bin/vue-cli-service.js');
-  } catch (_) {
-    return null;
-  }
-}
-
-function run(argv = process.argv.slice(2), cwd = process.cwd()) {
-  const { hasInflyVite, remaining } = parseFlags(argv);
-  const vueCliBin = resolveVueCliService(cwd);
-
-  // Vite 工具链模式：@vue/cli-service 不可用，默认走 Vite（--infly-vite 可选）
-  if (!vueCliBin) {
-    if (remaining[0] === 'test:unit') {
-      // test:unit → vitest（jest API 由 vitest globals 兼容）
-      return spawnVite(['test', ...remaining.slice(1)], cwd);
-    }
-    return spawnVite(remaining, cwd);
-  }
-
-  // Webpack 共存模式：默认 Webpack，加 --infly-vite 切换 Vite
-  if (!hasInflyVite) {
-    return spawnForwarded(process.execPath, [vueCliBin, ...remaining], {
-      cwd,
-      env: process.env,
-    });
-  }
-
-  // 有 --infly-vite → 使用 Vite
-
-  // test:unit → vitest（jest API 由 vitest globals 兼容）
-  if (remaining[0] === 'test:unit') {
-    return spawnVite(['test', ...remaining.slice(1)], cwd);
-  }
-
-  return spawnVite(remaining, cwd);
-}
-
-run();
+#!/usr/bin/env node
+
+/**
+ * vue-cli-service 薄分发器（@infly/vue2-vite 内建版本）
+ *
+ * 使已习惯 vue-cli-service 命令的项目只需加 --infly-vite 即可切换到 Vite。
+ * 与 @infly/libs 版本不同：此版本是纯项目本地实现，无 monorepo 根检测。
+ *
+ * 行为矩阵（Vite 工具链模式，@vue/cli-service 不可用）：
+ *   vue-cli-service serve                      → Vite dev server（默认）
+ *   vue-cli-service build                      → Vite build（默认）
+ *   vue-cli-service serve --infly-vite         → Vite dev server（标志可选）
+ *   vue-cli-service test:unit                  → vitest run（转交 infly-vue2-vite test）
+ *
+ * 行为矩阵（Webpack 共存模式，@vue/cli-service 可用）：
+ *   vue-cli-service serve                      → 原始 @vue/cli-service（Webpack）
+ *   vue-cli-service build                      → 原始 @vue/cli-service（Webpack）
+ *   vue-cli-service serve --infly-vite         → infly-vue2-vite serve（Vite）
+ *   vue-cli-service build --infly-vite         → infly-vue2-vite build（Vite）
+ *   vue-cli-service test:unit --infly-vite     → vitest run（转交 infly-vue2-vite test）
+ *   Vite 构建失败                               → 不回退 Webpack
+ */
+
+import fs from 'node:fs';
+import path from 'node:path';
+import { spawn } from 'node:child_process';
+import { createRequire } from 'node:module';
+import { fileURLToPath } from 'node:url';
+
+/**
+ * 从参数中检测并消费 --infly-vite
+ */
+function parseFlags(argv) {
+  let hasInflyVite = false;
+  const remaining = [];
+
+  for (const arg of argv) {
+    if (arg === '--infly-vite') {
+      hasInflyVite = true;
+    } else {
+      remaining.push(arg);
+    }
+  }
+
+  return { hasInflyVite, remaining };
+}
+
+/**
+ * 生成子进程并转发信号
+ */
+function spawnForwarded(executable, args, options) {
+  const child = spawn(executable, args, { ...options, stdio: 'inherit' });
+
+  ['SIGINT', 'SIGTERM'].forEach((sig) => {
+    process.once(sig, () => child.kill(sig));
+  });
+
+  child.once('error', (err) => {
+    console.error(err.message);
+    process.exitCode = 1;
+  });
+
+  child.once('exit', (code, signal) => {
+    process.exitCode = typeof code === 'number' ? code : signal ? 1 : 0;
+  });
+
+  return child;
+}
+
+/**
+ * 启动 Vite（通过 infly-vue2-vite CLI）
+ */
+function spawnVite(args, cwd) {
+  const selfDir = path.dirname(fileURLToPath(import.meta.url));
+  const viteCli = path.resolve(selfDir, 'infly-vue2-vite.mjs');
+
+  if (!fs.existsSync(viteCli)) {
+    console.error(
+      '[vue-cli-service] 找不到 infly-vue2-vite CLI 入口。请确认 @infly/vue2-vite 安装完整。'
+    );
+    process.exitCode = 1;
+    return;
+  }
+
+  return spawnForwarded(process.execPath, [viteCli, ...args], {
+    cwd,
+    env: process.env,
+  });
+}
+
+/**
+ * 检测 @vue/cli-service 是否可用
+ * Vite 工具链模式下 .pnpmfile.cjs 会裁剪 webpack 依赖，导致解析失败 → 默认走 Vite
+ */
+function resolveVueCliService(cwd) {
+  try {
+    return createRequire(path.join(cwd, 'package.json'))
+      .resolve('@vue/cli-service/bin/vue-cli-service.js');
+  } catch {
+    return null;
+  }
+}
+
+function run(argv = process.argv.slice(2), cwd = process.cwd()) {
+  const { hasInflyVite, remaining } = parseFlags(argv);
+  const vueCliBin = resolveVueCliService(cwd);
+
+  // Vite 工具链模式：@vue/cli-service 不可用，默认走 Vite（--infly-vite 可选）
+  if (!vueCliBin) {
+    if (remaining[0] === 'test:unit') {
+      // test:unit → vitest（jest API 由 vitest globals 兼容）
+      return spawnVite(['test', ...remaining.slice(1)], cwd);
+    }
+    return spawnVite(remaining, cwd);
+  }
+
+  // Webpack 共存模式：默认 Webpack，加 --infly-vite 切换 Vite
+  if (!hasInflyVite) {
+    return spawnForwarded(process.execPath, [vueCliBin, ...remaining], {
+      cwd,
+      env: process.env,
+    });
+  }
+
+  // 有 --infly-vite → 使用 Vite
+
+  // test:unit → vitest（jest API 由 vitest globals 兼容）
+  if (remaining[0] === 'test:unit') {
+    return spawnVite(['test', ...remaining.slice(1)], cwd);
+  }
+
+  return spawnVite(remaining, cwd);
+}
+
+run();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infly/vue2-vite",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Explicit opt-in Vite 7 build adapter for Vue 2.7 projects",
   "type": "module",
   "engines": {

package/src/compat/assets.mjs

@@ -1,165 +1,165 @@
-/**
- * 动态资源 require → Vite import 转换
- *
- * 将 require('@/assets/logo.png') 等动态/静态资源引用
- * 转换为 Vite 的 import + ?url 查询方式。
- *
- * 从 compat/assets.js 迁移（80% 可复用）。
- */
-
-import fs from 'node:fs';
-import path from 'node:path';
-
-const ASSET_EXTENSION = /\.(?:avif|bmp|eot|gif|ico|jpe?g|png|svg|ttf|webp|woff2?)(?:[?#].*)?$/i;
-const ASSET_DIRECTORY = /(?:^|\/)(?:assets?|images?|icons?)(?:\/|$)/i;
-
-function normalizeAssetPath(assetPath) {
-  return assetPath.startsWith('@/') ? `/src/${assetPath.slice(2)}` : assetPath;
-}
-
-function isAssetRequest(prefix, suffix = '') {
-  const request = `${prefix}${suffix}`;
-  return ASSET_EXTENSION.test(request) || ASSET_DIRECTORY.test(request);
-}
-
-/**
- * 转换源文件中的 require(资源路径) 调用
- *
- * @param {string} source - 源文件内容
- * @param {object} [options] - { resolveFiles? }
- * @returns {{ code: string, map: null } | null}
- */
-export function transformAssetRequires(source, options = {}) {
-  if (!/\brequire\s*\(/.test(source)) return null;
-
-  let code = source;
-  let converted = 0;
-  const declarations = [];
-  const importDeclarations = [];
-  const importedAssets = new Map();
-
-  function getAssetImport(importPath) {
-    if (importedAssets.has(importPath)) return importedAssets.get(importPath);
-    const importName = `__vite_asset_url_${importedAssets.size + 1}`;
-    importedAssets.set(importPath, importName);
-    importDeclarations.push(`import ${importName} from ${JSON.stringify(`${importPath}?url`)};`);
-    return importName;
-  }
-
-  function createReplacement(prefix, expression, suffix = '') {
-    if (!isAssetRequest(prefix, suffix)) return null;
-
-    converted++;
-    const normalizedPrefix = normalizeAssetPath(prefix);
-    const globPattern = expression
-      ? `${normalizedPrefix}*${suffix}`
-      : `${normalizedPrefix}${suffix}`;
-    const modulesName = `__vite_asset_modules_${converted}`;
-    const resolverName = `__vite_resolve_asset_${converted}`;
-
-    const resolvedFiles = options.resolveFiles ? options.resolveFiles(globPattern) : null;
-    const modulesDeclaration = resolvedFiles
-      ? `const ${modulesName} = { ${resolvedFiles.map(
-          ({ key, importPath: ip }) => `${JSON.stringify(key)}: ${getAssetImport(ip)}`
-        ).join(', ')} };`
-      : `const ${modulesName} = import.meta.glob(${JSON.stringify(globPattern)}, { eager: true, query: '?url', import: 'default' });`;
-
-    declarations.push(
-      modulesDeclaration,
-      `function ${resolverName}(key) {`,
-      `  const asset = ${modulesName}[key];`,
-      `  if (!asset) throw new Error('[infly-vue2] Cannot resolve asset: ' + key);`,
-      '  return asset;',
-      '}',
-    );
-
-    const keyExpression = expression
-      ? `${JSON.stringify(normalizedPrefix)} + (${expression.trim()}) + ${JSON.stringify(suffix)}`
-      : JSON.stringify(`${normalizedPrefix}${suffix}`);
-    return `${resolverName}(${keyExpression})`;
-  }
-
-  // 模板字符串形式：require(`...`)
-  code = code.replace(
-    /\brequire\s*\(\s*`([^`$]*)\$\{([^{}]+)\}([^`]*)`\s*\)/g,
-    (match, prefix, expression, suffix) => createReplacement(prefix, expression, suffix) || match,
-  );
-
-  // 拼接形式：require('...' + variable)
-  code = code.replace(
-    /\brequire\s*\(\s*(['"])([^'"]+)\1\s*\+\s*([\w$]+(?:\.[\w$]+)*)\s*\)/g,
-    (match, _, prefix, expression) => createReplacement(prefix, expression) || match,
-  );
-
-  // 静态形式：require('...')
-  code = code.replace(
-    /\brequire\s*\(\s*(['"])([^'"]+)\1\s*\)/g,
-    (match, _, request) => createReplacement(request, null) || match,
-  );
-
-  if (converted === 0) return null;
-  return { code: `${importDeclarations.join('\n')}\n${declarations.join('\n')}\n${code}`, map: null };
-}
-
-function wildcardToRegExp(filePattern) {
-  const escaped = filePattern
-    .split('*')
-    .map((part) => part.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'))
-    .join('.*');
-  return new RegExp(`^${escaped}$`);
-}
-
-/**
- * 创建资源文件解析器（用于优化已知文件的静态映射）
- */
-function createAssetFileResolver(projectRoot, id) {
-  const cleanId = id.replace(/[?#].*$/, '');
-
-  return (globPattern) => {
-    const separatorIndex = globPattern.lastIndexOf('/');
-    if (separatorIndex < 0) return [];
-    const requestDirectory = globPattern.slice(0, separatorIndex + 1);
-    const filePattern = globPattern.slice(separatorIndex + 1);
-    let fileDirectory;
-
-    if (requestDirectory.startsWith('/src/')) {
-      fileDirectory = path.resolve(projectRoot, 'src', requestDirectory.slice('/src/'.length));
-    } else if (requestDirectory.startsWith('./') || requestDirectory.startsWith('../')) {
-      fileDirectory = path.resolve(path.dirname(cleanId), requestDirectory);
-    } else {
-      return [];
-    }
-
-    try {
-      const matcher = wildcardToRegExp(filePattern);
-      return fs.readdirSync(fileDirectory, { withFileTypes: true })
-        .filter((entry) => entry.isFile() && matcher.test(entry.name))
-        .map((entry) => ({
-          key: `${requestDirectory}${entry.name}`,
-          importPath: `${requestDirectory}${entry.name}`,
-        }))
-        .sort((left, right) => left.key.localeCompare(right.key));
-    } catch (_) {
-      return [];
-    }
-  };
-}
-
-/**
- * 创建资源 require 兼容 Vite 插件
- *
- * @param {string} projectRoot - 项目根目录
- * @returns {import('vite').Plugin}
- */
-export function assetRequirePlugin(projectRoot) {
-  return {
-    name: 'infly-vue2:asset-require',
-    enforce: 'post',
-    transform(code, id) {
-      if (id.includes('node_modules') || id.includes('.vite') || id.includes('.cache')) return null;
-      if (code.includes('<template') && code.includes('</template>')) return null;
-      const resolveFiles = createAssetFileResolver(projectRoot, id);
-      return transformAssetRequires(code, { resolveFiles });
-    },
-  };
-}
+/**
+ * 动态资源 require → Vite import 转换
+ *
+ * 将 require('@/assets/logo.png') 等动态/静态资源引用
+ * 转换为 Vite 的 import + ?url 查询方式。
+ *
+ * 从 compat/assets.js 迁移（80% 可复用）。
+ */
+
+import fs from 'node:fs';
+import path from 'node:path';
+
+const ASSET_EXTENSION = /\.(?:avif|bmp|eot|gif|ico|jpe?g|png|svg|ttf|webp|woff2?)(?:[?#].*)?$/i;
+const ASSET_DIRECTORY = /(?:^|\/)(?:assets?|images?|icons?)(?:\/|$)/i;
+
+function normalizeAssetPath(assetPath) {
+  return assetPath.startsWith('@/') ? `/src/${assetPath.slice(2)}` : assetPath;
+}
+
+function isAssetRequest(prefix, suffix = '') {
+  const request = `${prefix}${suffix}`;
+  return ASSET_EXTENSION.test(request) || ASSET_DIRECTORY.test(request);
+}
+
+/**
+ * 转换源文件中的 require(资源路径) 调用
+ *
+ * @param {string} source - 源文件内容
+ * @param {object} [options] - { resolveFiles? }
+ * @returns {{ code: string, map: null } | null}
+ */
+export function transformAssetRequires(source, options = {}) {
+  if (!/\brequire\s*\(/.test(source)) return null;
+
+  let code = source;
+  let converted = 0;
+  const declarations = [];
+  const importDeclarations = [];
+  const importedAssets = new Map();
+
+  function getAssetImport(importPath) {
+    if (importedAssets.has(importPath)) return importedAssets.get(importPath);
+    const importName = `__vite_asset_url_${importedAssets.size + 1}`;
+    importedAssets.set(importPath, importName);
+    importDeclarations.push(`import ${importName} from ${JSON.stringify(`${importPath}?url`)};`);
+    return importName;
+  }
+
+  function createReplacement(prefix, expression, suffix = '') {
+    if (!isAssetRequest(prefix, suffix)) return null;
+
+    converted++;
+    const normalizedPrefix = normalizeAssetPath(prefix);
+    const globPattern = expression
+      ? `${normalizedPrefix}*${suffix}`
+      : `${normalizedPrefix}${suffix}`;
+    const modulesName = `__vite_asset_modules_${converted}`;
+    const resolverName = `__vite_resolve_asset_${converted}`;
+
+    const resolvedFiles = options.resolveFiles ? options.resolveFiles(globPattern) : null;
+    const modulesDeclaration = resolvedFiles
+      ? `const ${modulesName} = { ${resolvedFiles.map(
+          ({ key, importPath: ip }) => `${JSON.stringify(key)}: ${getAssetImport(ip)}`
+        ).join(', ')} };`
+      : `const ${modulesName} = import.meta.glob(${JSON.stringify(globPattern)}, { eager: true, query: '?url', import: 'default' });`;
+
+    declarations.push(
+      modulesDeclaration,
+      `function ${resolverName}(key) {`,
+      `  const asset = ${modulesName}[key];`,
+      `  if (!asset) throw new Error('[infly-vue2] Cannot resolve asset: ' + key);`,
+      '  return asset;',
+      '}',
+    );
+
+    const keyExpression = expression
+      ? `${JSON.stringify(normalizedPrefix)} + (${expression.trim()}) + ${JSON.stringify(suffix)}`
+      : JSON.stringify(`${normalizedPrefix}${suffix}`);
+    return `${resolverName}(${keyExpression})`;
+  }
+
+  // 模板字符串形式：require(`...`)
+  code = code.replace(
+    /\brequire\s*\(\s*`([^`$]*)\$\{([^{}]+)\}([^`]*)`\s*\)/g,
+    (match, prefix, expression, suffix) => createReplacement(prefix, expression, suffix) || match,
+  );
+
+  // 拼接形式：require('...' + variable)
+  code = code.replace(
+    /\brequire\s*\(\s*(['"])([^'"]+)\1\s*\+\s*([\w$]+(?:\.[\w$]+)*)\s*\)/g,
+    (match, _, prefix, expression) => createReplacement(prefix, expression) || match,
+  );
+
+  // 静态形式：require('...')
+  code = code.replace(
+    /\brequire\s*\(\s*(['"])([^'"]+)\1\s*\)/g,
+    (match, _, request) => createReplacement(request, null) || match,
+  );
+
+  if (converted === 0) return null;
+  return { code: `${importDeclarations.join('\n')}\n${declarations.join('\n')}\n${code}`, map: null };
+}
+
+function wildcardToRegExp(filePattern) {
+  const escaped = filePattern
+    .split('*')
+    .map((part) => part.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'))
+    .join('.*');
+  return new RegExp(`^${escaped}$`);
+}
+
+/**
+ * 创建资源文件解析器（用于优化已知文件的静态映射）
+ */
+function createAssetFileResolver(projectRoot, id) {
+  const cleanId = id.replace(/[?#].*$/, '');
+
+  return (globPattern) => {
+    const separatorIndex = globPattern.lastIndexOf('/');
+    if (separatorIndex < 0) return [];
+    const requestDirectory = globPattern.slice(0, separatorIndex + 1);
+    const filePattern = globPattern.slice(separatorIndex + 1);
+    let fileDirectory;
+
+    if (requestDirectory.startsWith('/src/')) {
+      fileDirectory = path.resolve(projectRoot, 'src', requestDirectory.slice('/src/'.length));
+    } else if (requestDirectory.startsWith('./') || requestDirectory.startsWith('../')) {
+      fileDirectory = path.resolve(path.dirname(cleanId), requestDirectory);
+    } else {
+      return [];
+    }
+
+    try {
+      const matcher = wildcardToRegExp(filePattern);
+      return fs.readdirSync(fileDirectory, { withFileTypes: true })
+        .filter((entry) => entry.isFile() && matcher.test(entry.name))
+        .map((entry) => ({
+          key: `${requestDirectory}${entry.name}`,
+          importPath: `${requestDirectory}${entry.name}`,
+        }))
+        .sort((left, right) => left.key.localeCompare(right.key));
+    } catch {
+      return [];
+    }
+  };
+}
+
+/**
+ * 创建资源 require 兼容 Vite 插件
+ *
+ * @param {string} projectRoot - 项目根目录
+ * @returns {import('vite').Plugin}
+ */
+export function assetRequirePlugin(projectRoot) {
+  return {
+    name: 'infly-vue2:asset-require',
+    enforce: 'post',
+    transform(code, id) {
+      if (id.includes('node_modules') || id.includes('.vite') || id.includes('.cache')) return null;
+      if (code.includes('<template') && code.includes('</template>')) return null;
+      const resolveFiles = createAssetFileResolver(projectRoot, id);
+      return transformAssetRequires(code, { resolveFiles });
+    },
+  };
+}

package/src/compat/html.mjs

@@ -36,7 +36,7 @@ function resolveBuildVersion(projectRoot) {
     if (typeof packageJson.version === 'string' && packageJson.version.length > 0) {
       return packageJson.version;
     }
-  } catch (_) {
+  } catch {
     // Missing or invalid package metadata falls back to the compatibility default.
   }
   return '0.0.0';

package/src/compat/import-interop.mjs

@@ -11,7 +11,7 @@ function resolveTargetFile(projectRoot, importerId, importPath) {
     const candidate = basePath + suffix;
     try {
       if (fs.statSync(candidate).isFile()) return candidate;
-    } catch (_) {
+    } catch {
       // Continue through the supported resolution suffixes.
     }
   }
@@ -23,7 +23,7 @@ function readTarget(projectRoot, importerId, importPath) {
   if (!target) return null;
   try {
     return fs.readFileSync(target, 'utf8');
-  } catch (_) {
+  } catch {
     return null;
   }
 }