@infly/vue2-vite 1.0.0

package/src/config/vue-cli-reader.mjs

@@ -0,0 +1,207 @@
+/**
+ * vue.config.js 标准字段读取器
+ *
+ * 从项目 vue.config.js 提取可自动转换的标准字段。
+ * 旧 Vue CLI 配置解析的唯一公共实现。调用方只传入项目目录，不读取根仓注册表。
+ *
+ * 提取字段（规范 §9.4）：
+ *   publicPath → base
+ *   outputDir → build.outDir
+ *   assetsDir → build.assetsDir
+ *   productionSourceMap → build.sourcemap
+ *   devServer.port → server.port
+ *   devServer.proxy → server.proxy
+ *   css.loaderOptions.scss/sass.additionalData → css.preprocessorOptions
+ *   configureWebpack.resolve.alias → resolve.alias（仅限普通对象）
+ *   configureWebpack.name → HTML title
+ *   transpileDependencies → 兼容转换 include
+ *
+ * 不能自动转换的字段（规范 §9.4）：
+ *   chainWebpack、函数形式 configureWebpack、webpack plugin、loader rule
+ */
+
+import fs from 'node:fs';
+import path from 'node:path';
+import { createRequire } from 'node:module';
+
+/**
+ * 读取并解析项目的 vue.config.js，提取标准配置字段
+ *
+ * @param {string} projectRoot - 项目根目录
+ * @param {string} mode - 构建模式
+ * @returns {object} { vueConfig, warnings }
+ */
+export function loadVueCliConfig(projectRoot, mode) {
+  const vueConfigPath = path.join(projectRoot, 'vue.config.js');
+  const warnings = [];
+
+  const result = {
+    base: '/',
+    outputDir: null,
+    assetsDir: 'static',
+    productionSourceMap: false,
+    server: { port: undefined, proxy: {} },
+    css: { additionalData: '' },
+    resolve: { alias: {} },
+    html: { title: undefined },
+    transpileDependencies: [],
+    // 兼容性标记
+    hasChainWebpack: false,
+    hasFunctionConfigureWebpack: false,
+  };
+
+  if (!fs.existsSync(vueConfigPath)) {
+    return { vueConfig: result, warnings: ['vue.config.js 不存在'] };
+  }
+
+  let rawConfig;
+  try {
+    const projectRequire = createRequire(path.join(projectRoot, 'package.json'));
+    rawConfig = projectRequire(vueConfigPath);
+  } catch (err) {
+    warnings.push(`无法加载 vue.config.js: ${err.message}`);
+    return { vueConfig: result, warnings };
+  }
+
+  if (!rawConfig || typeof rawConfig !== 'object') {
+    warnings.push('vue.config.js 未导出配置对象');
+    return { vueConfig: result, warnings };
+  }
+
+  // publicPath → base
+  if (typeof rawConfig.publicPath === 'string') {
+    result.base = rawConfig.publicPath;
+  }
+
+  // outputDir
+  if (typeof rawConfig.outputDir === 'string') {
+    result.outputDir = rawConfig.outputDir;
+  }
+
+  // assetsDir
+  if (typeof rawConfig.assetsDir === 'string') {
+    result.assetsDir = rawConfig.assetsDir;
+  }
+
+  // productionSourceMap
+  if (typeof rawConfig.productionSourceMap === 'boolean') {
+    result.productionSourceMap = rawConfig.productionSourceMap;
+  }
+
+  // devServer
+  if (rawConfig.devServer && typeof rawConfig.devServer === 'object') {
+    if (typeof rawConfig.devServer.port === 'number') {
+      result.server.port = rawConfig.devServer.port;
+    } else if (typeof rawConfig.devServer.port === 'string') {
+      const parsed = parseInt(rawConfig.devServer.port, 10);
+      if (!isNaN(parsed)) result.server.port = parsed;
+    }
+
+    if (rawConfig.devServer.proxy && typeof rawConfig.devServer.proxy === 'object') {
+      result.server.proxy = normalizeProxyConfig(rawConfig.devServer.proxy);
+    }
+  }
+
+  // css.loaderOptions
+  if (rawConfig.css && rawConfig.css.loaderOptions) {
+    const sassOptions = rawConfig.css.loaderOptions.scss || rawConfig.css.loaderOptions.sass;
+    if (sassOptions && typeof sassOptions.additionalData === 'string') {
+      result.css.additionalData = sassOptions.additionalData;
+    } else if (sassOptions && typeof sassOptions.additionalData === 'function') {
+      // 函数形式：尝试调用获取字符串
+      warnings.push('css.loaderOptions.scss.additionalData 是函数，无法自动转换。请在 infly.vite.config.js 中显式提供。');
+    }
+  }
+
+  // configureWebpack
+  if (rawConfig.configureWebpack !== undefined) {
+    if (typeof rawConfig.configureWebpack === 'function') {
+      result.hasFunctionConfigureWebpack = true;
+      warnings.push('configureWebpack 是函数，无法自动转换。请在 infly.vite.config.js 中显式提供 Vite 配置。');
+    } else if (typeof rawConfig.configureWebpack === 'object' && rawConfig.configureWebpack !== null) {
+      const cw = rawConfig.configureWebpack;
+
+      // resolve.alias
+      if (cw.resolve && cw.resolve.alias && typeof cw.resolve.alias === 'object') {
+        for (const [key, value] of Object.entries(cw.resolve.alias)) {
+          result.resolve.alias[key] = value;
+        }
+      }
+
+      // name → HTML title
+      if (typeof cw.name === 'string') {
+        result.html.title = cw.name;
+      }
+    }
+  }
+
+  // chainWebpack：仅记录标记（严格兼容模式校验使用）。
+  // 其行为已由 @infly/vue2-vite 内置默认能力覆盖（SVG sprite、whitespace、
+  // 资源内联、分包、drop console 等），非严格模式不再产生警告。
+  if (typeof rawConfig.chainWebpack === 'function') {
+    result.hasChainWebpack = true;
+  }
+
+  // transpileDependencies
+  if (Array.isArray(rawConfig.transpileDependencies)) {
+    result.transpileDependencies = rawConfig.transpileDependencies;
+  }
+
+  return { vueConfig: result, warnings };
+}
+
+/**
+ * 标准化代理配置（pathRewrite → rewrite 函数）
+ */
+function normalizeProxyConfig(proxy) {
+  const result = {};
+  for (const [key, entry] of Object.entries(proxy)) {
+    if (typeof entry === 'string') {
+      result[key] = { target: entry, changeOrigin: true };
+    } else if (entry && typeof entry === 'object') {
+      const normalized = { ...entry };
+      if (normalized.pathRewrite) {
+        const rewriteRules = normalized.pathRewrite;
+        normalized.rewrite = (p) => {
+          let r = p;
+          for (const [pattern, replacement] of Object.entries(rewriteRules)) {
+            r = r.replace(new RegExp(pattern), replacement);
+          }
+          return r;
+        };
+        delete normalized.pathRewrite;
+      }
+      result[key] = normalized;
+    }
+  }
+  return result;
+}
+
+/**
+ * 从 vue.config.js 源码中提取无法通过 require 获取的信息
+ * （用于增强 loadVueCliConfig 的结果，提取正则匹配的额外信息）
+ *
+ * @param {string} projectRoot
+ * @returns {object}
+ */
+export function extractAdditionalVueConfigInfo(projectRoot) {
+  const vueConfigPath = path.join(projectRoot, 'vue.config.js');
+  if (!fs.existsSync(vueConfigPath)) return {};
+
+  const code = fs.readFileSync(vueConfigPath, 'utf8');
+  const result = {};
+
+  // 检测 devServer.setupMiddlewares 中的 mock-server 引用
+  const mockMatch = code.match(/require\(['"]\.\/mock\/mock-server(?:\.js)?['"]\)/);
+  if (mockMatch) {
+    result.mockEntry = 'mock/mock-server.js';
+  }
+
+  // 检测 configureWebpack 是否包含 favicon
+  const faviconMatch = code.match(/favicon\s*:\s*['"]([^'"]+)['"]/);
+  if (faviconMatch) {
+    result.favicon = faviconMatch[1];
+  }
+
+  return result;
+}

package/src/factory/build-policy.mjs

@@ -0,0 +1,39 @@
+/**
+ * 构建策略
+ *
+ * 根据 mode 决定 minify/sourcemap 策略。
+ * 规范 §12 构建策略矩阵。
+ *
+ * 从 factory.js resolveBuildPolicy 迁移。
+ */
+
+const FORMAL_BUILD_MODES = new Set(['staging', 'production', 'release']);
+/** @type {Record<string, { minify: false|'esbuild', sourcemap: boolean }>} */
+const BUILT_IN_POLICIES = {
+  development: { minify: false, sourcemap: true },
+  staging:     { minify: 'esbuild', sourcemap: false },
+  stage:       { minify: 'esbuild', sourcemap: false },
+  production:  { minify: 'esbuild', sourcemap: false },
+  prod:        { minify: 'esbuild', sourcemap: false },
+  release:     { minify: 'esbuild', sourcemap: false },
+};
+
+/**
+ * 解析现代构建策略。
+ *
+ * @param {string} mode - 构建模式
+ * @param {object} [overrides] - { minify?, sourcemap? }
+ * @returns {{ formal: boolean, minify: false|'esbuild', sourcemap: boolean, reportCompressedSize: boolean }}
+ */
+export function resolveBuildPolicy(mode, overrides = {}) {
+  const normalizedMode = mode === 'stage' ? 'staging' : mode === 'prod' ? 'production' : mode;
+  const policy = BUILT_IN_POLICIES[normalizedMode] || BUILT_IN_POLICIES.development; // fallback for unknown modes
+
+  const formal = FORMAL_BUILD_MODES.has(normalizedMode);
+  return {
+    formal,
+    minify: overrides.minify ?? policy.minify,
+    sourcemap: overrides.sourcemap ?? policy.sourcemap,
+    reportCompressedSize: !formal,
+  };
+}