@nasti-toolchain/nasti 1.6.5 → 1.7.1

package/README.md

@@ -88,6 +88,31 @@ export default defineConfig({
 })
 ```
 
+### 生产构建：手动代码拆分 & Tree-shaking
+
+`build.rolldownOptions` 透传 Rolldown 底层选项：input 侧（如 `treeshake`、`resolve`、`external`）合并进打包，`output` 合并进产物写出阶段，用于手动控制 vendor 分包与 Tree-shaking。`input` / `plugins` 由 Nasti 接管，`output.dir` 始终由 `build.outDir` 决定。
+
+```ts
+export default defineConfig({
+  build: {
+    rolldownOptions: {
+      // Tree-shaking（input 选项）
+      treeshake: { moduleSideEffects: [{ test: /\/barrel\//, sideEffects: false }] },
+      // 代码拆分（output 选项）
+      output: {
+        advancedChunks: {
+          groups: [
+            { name: 'react-vendor', test: /node_modules[\\/]react/, priority: 20 },
+            { name: 'vendor', test: /node_modules/, priority: 10 },
+          ],
+        },
+        chunkFileNames: 'assets/chunks/[name].[hash].js',
+      },
+    },
+  },
+})
+```
+
 ## CLI
 
 ```bash

package/dist/cli.cjs

@@ -1589,6 +1589,17 @@ function resolvePlugin(config) {
   const aliasEntries = Object.entries(alias).sort(
     ([a], [b]) => b.length - a.length
   );
+  let vueRuntimeEntry = null;
+  if (config.framework === "vue") {
+    try {
+      const vuePkgJson = require2.resolve("vue/package.json", { paths: [config.root] });
+      const vueDir = import_node_path6.default.dirname(vuePkgJson);
+      const mod = JSON.parse(import_node_fs6.default.readFileSync(vuePkgJson, "utf-8")).module;
+      const entry = import_node_path6.default.join(vueDir, mod ?? "dist/vue.runtime.esm-bundler.js");
+      if (import_node_fs6.default.existsSync(entry)) vueRuntimeEntry = entry;
+    } catch {
+    }
+  }
   return {
     name: "nasti:resolve",
     enforce: "pre",
@@ -1619,6 +1630,7 @@ function resolvePlugin(config) {
         if (resolved) return resolved;
       }
       if (!source.startsWith("/") && !source.startsWith(".")) {
+        if (vueRuntimeEntry && source === "vue") return vueRuntimeEntry;
         try {
           const resolved = require2.resolve(source, {
             paths: [importer ? import_node_path6.default.dirname(importer) : config.root]
@@ -1704,15 +1716,15 @@ async function loadTailwind(projectRoot) {
 async function compileTailwind(css, fromFile, projectRoot) {
   const { node, oxide } = await loadTailwind(projectRoot);
   const dependencies = [];
-  const compiler = await node.compile(css, {
+  const compiler2 = await node.compile(css, {
     base: import_node_path7.default.dirname(fromFile),
     from: fromFile,
     onDependency: (p) => dependencies.push(p)
   });
-  const scanner = new oxide.Scanner({ sources: compiler.sources });
+  const scanner = new oxide.Scanner({ sources: compiler2.sources });
   const candidates = scanner.scan();
   return {
-    css: compiler.build(candidates),
+    css: compiler2.build(candidates),
     dependencies: [...dependencies, ...scanner.files]
   };
 }
@@ -1898,6 +1910,178 @@ var init_assets = __esm({
   }
 });
 
+// src/plugins/vue.ts
+async function loadVueCompiler() {
+  if (compiler) return compiler;
+  try {
+    compiler = await import("@vue/compiler-sfc");
+    return compiler;
+  } catch {
+    return null;
+  }
+}
+function vuePlugin(config) {
+  const isDev = config.command === "serve";
+  const descriptorCache = /* @__PURE__ */ new Map();
+  return {
+    name: "nasti:vue",
+    enforce: "pre",
+    async resolveId(source) {
+      if (VUE_QUERY_RE.test(source)) {
+        return source;
+      }
+      return null;
+    },
+    async transform(code, id) {
+      if (!VUE_FILE_RE.test(id) && !VUE_QUERY_RE.test(id)) return null;
+      const sfc = await loadVueCompiler();
+      if (!sfc) {
+        console.warn("[nasti:vue] @vue/compiler-sfc not found. Install it: npm install @vue/compiler-sfc");
+        return null;
+      }
+      if (VUE_QUERY_RE.test(id)) {
+        return handleVueSubBlock(id, sfc, descriptorCache, config);
+      }
+      const { descriptor, errors } = sfc.parse(code, { filename: id });
+      if (errors.length) {
+        console.error(`[nasti:vue] Parse error in ${id}:`, errors[0].message);
+        return null;
+      }
+      descriptorCache.set(id, descriptor);
+      const scopeId = hashId(id);
+      let scriptCode = "";
+      if (descriptor.script || descriptor.scriptSetup) {
+        const compiled = sfc.compileScript(descriptor, {
+          id: scopeId,
+          isProd: !isDev,
+          inlineTemplate: true,
+          // 让 compileScript 产出 `const __sfc__ = ...`（而非默认的 `export default {...}`）。
+          // 否则下方追加的 `__sfc__.render` / `__sfc__.__scopeId` / HMR 记录会引用一个
+          // 不存在的 `__sfc__`，并与 compileScript 自带的 `export default` 形成双重默认导出。
+          genDefaultAs: "__sfc__"
+        });
+        scriptCode = compiled.content;
+      }
+      let templateCode = "";
+      if (descriptor.template && !descriptor.scriptSetup) {
+        const compiled = sfc.compileTemplate({
+          source: descriptor.template.content,
+          filename: id,
+          id: scopeId,
+          compilerOptions: { scopeId: `data-v-${scopeId}` }
+        });
+        templateCode = compiled.code;
+      }
+      let output = scriptCode || "const __sfc__ = {}";
+      if (templateCode) {
+        output += `
+${templateCode}
+`;
+        output += `
+__sfc__.render = render
+`;
+      }
+      if (descriptor.styles.length > 0) {
+        for (let i = 0; i < descriptor.styles.length; i++) {
+          const style = descriptor.styles[i];
+          const lang2 = style.lang ?? "css";
+          output += `
+import "${id}?vue&type=style&index=${i}&lang=${lang2}"
+`;
+        }
+      }
+      output += `
+__sfc__.__scopeId = "data-v-${scopeId}"
+`;
+      if (isDev) {
+        output += `
+__sfc__.__hmrId = ${JSON.stringify(scopeId)}
+if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
+  __VUE_HMR_RUNTIME__.createRecord(__sfc__.__hmrId, __sfc__)
+}
+if (import.meta.hot) {
+  import.meta.hot.accept((mod) => {
+    if (!mod) return
+    const { default: updated } = mod
+    if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
+      __VUE_HMR_RUNTIME__.rerender(updated.__hmrId, updated.render)
+    }
+  })
+}
+`;
+      }
+      output += `
+export default __sfc__
+`;
+      const lang = descriptor.scriptSetup?.lang ?? descriptor.script?.lang;
+      if (lang === "ts") {
+        const transpiled = transformCode(`${id}.ts`, output, { sourcemap: false });
+        return { code: transpiled.code };
+      }
+      return { code: output };
+    },
+    handleHotUpdate(ctx) {
+      const { file, modules } = ctx;
+      if (VUE_FILE_RE.test(file)) {
+        for (const mod of modules) {
+          mod.isSelfAccepting = true;
+        }
+        descriptorCache.delete(file);
+      }
+      return modules;
+    }
+  };
+}
+async function handleVueSubBlock(id, sfc, cache, config) {
+  const match = id.match(/(.+\.vue)\?vue&type=(\w+)(?:&index=(\d+))?(?:&lang=(\w+))?/);
+  if (!match) return null;
+  const [, filePath, type, indexStr, lang] = match;
+  const descriptor = cache.get(filePath);
+  if (!descriptor) return null;
+  if (type === "style") {
+    const index = parseInt(indexStr ?? "0", 10);
+    const style = descriptor.styles[index];
+    if (!style) return null;
+    const scopeId = hashId(filePath);
+    const result = await sfc.compileStyleAsync({
+      source: style.content,
+      filename: filePath,
+      id: `data-v-${scopeId}`,
+      scoped: style.scoped ?? false
+    });
+    const cssCode = JSON.stringify(result.code);
+    return {
+      code: `
+const css = ${cssCode};
+const style = document.createElement('style');
+style.setAttribute('data-v-${scopeId}', '');
+style.textContent = css;
+document.head.appendChild(style);
+
+if (import.meta.hot) {
+  import.meta.hot.accept();
+  import.meta.hot.prune(() => style.remove());
+}
+`
+    };
+  }
+  return null;
+}
+function hashId(filename) {
+  return import_node_crypto2.default.createHash("sha256").update(filename).digest("hex").slice(0, 8);
+}
+var import_node_crypto2, VUE_FILE_RE, VUE_QUERY_RE, compiler;
+var init_vue = __esm({
+  "src/plugins/vue.ts"() {
+    "use strict";
+    import_node_crypto2 = __toESM(require("crypto"), 1);
+    init_transformer();
+    VUE_FILE_RE = /\.vue$/;
+    VUE_QUERY_RE = /\.vue\?vue&type=(script|template|style)(&index=\d+)?(&lang=\w+)?/;
+    compiler = null;
+  }
+});
+
 // src/server/index.ts
 var server_exports = {};
 __export(server_exports, {
@@ -1906,6 +2090,7 @@ __export(server_exports, {
 async function createServer(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "serve");
   const allPlugins = [
+    ...config.framework === "vue" ? [vuePlugin(config)] : [],
     resolvePlugin(config),
     cssPlugin(config),
     assetsPlugin(config),
@@ -1966,7 +2151,7 @@ async function createServer(inlineConfig = {}) {
           const localUrl = `http://localhost:${actualPort}`;
           const networkUrl = host === "0.0.0.0" ? `http://${getNetworkAddress()}:${actualPort}` : null;
           console.log();
-          console.log(import_picocolors.default.cyan("  nasti dev server") + import_picocolors.default.dim(` v${"1.6.5"}`));
+          console.log(import_picocolors.default.cyan("  nasti dev server") + import_picocolors.default.dim(` v${"1.7.1"}`));
           console.log();
           console.log(`  ${import_picocolors.default.green(">")} Local:   ${import_picocolors.default.cyan(localUrl)}`);
           if (networkUrl) {
@@ -2042,6 +2227,7 @@ var init_server = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
   }
 });
@@ -2093,7 +2279,7 @@ __export(build_exports, {
 async function build(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "build");
   const startTime = performance.now();
-  console.log(import_picocolors2.default.cyan("\n\u{1F528} nasti build") + import_picocolors2.default.dim(` v${"1.6.5"}`));
+  console.log(import_picocolors2.default.cyan("\n\u{1F528} nasti build") + import_picocolors2.default.dim(` v${"1.7.1"}`));
   console.log(import_picocolors2.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors2.default.dim(`  mode: ${config.mode}`));
   const outDir = import_node_path11.default.resolve(config.root, config.build.outDir);
@@ -2126,6 +2312,7 @@ async function build(inlineConfig = {}) {
     throw new Error("No entry point found. Add a <script> tag to index.html or create src/main.ts");
   }
   const builtinPlugins = [
+    ...config.framework === "vue" ? [vuePlugin(config)] : [],
     resolvePlugin(config),
     cssPlugin(config),
     assetsPlugin(config)
@@ -2147,11 +2334,17 @@ async function build(inlineConfig = {}) {
   };
   const env = loadEnv(config.mode, config.root, config.envPrefix);
   const envDefine = buildEnvDefine(env, config.mode);
-  const existingTransform = config.build.rolldownOptions?.transform;
-  const mergedDefine = { ...existingTransform?.define ?? {}, ...envDefine };
+  const { output: userOutput, transform: userTransform, ...restInputOptions } = config.build.rolldownOptions;
+  const vueDefine = config.framework === "vue" ? {
+    __VUE_OPTIONS_API__: "true",
+    __VUE_PROD_DEVTOOLS__: "false",
+    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "false"
+  } : {};
+  const mergedDefine = { ...vueDefine, ...userTransform?.define ?? {}, ...envDefine };
   const bundle = await (0, import_rolldown.rolldown)({
+    ...restInputOptions,
     input: entryPoints,
-    transform: { ...existingTransform, define: mergedDefine },
+    transform: { ...userTransform, define: mergedDefine },
     plugins: [
       oxcTransformPlugin,
       // 转换 Nasti 插件为 Rolldown 插件格式
@@ -2167,17 +2360,19 @@ async function build(inlineConfig = {}) {
         // manifest/SW writers) rely on for final-stage artifact emission.
         closeBundle: p.closeBundle
       }))
-    ],
-    ...config.build.rolldownOptions
+    ]
   });
   const { output } = await bundle.write({
-    dir: outDir,
     format: "esm",
     sourcemap: !!config.build.sourcemap,
     minify: !!config.build.minify,
     entryFileNames: "assets/[name].[hash].js",
     chunkFileNames: "assets/[name].[hash].js",
-    assetFileNames: "assets/[name].[hash][extname]"
+    assetFileNames: "assets/[name].[hash][extname]",
+    // 用户可覆盖默认输出：代码拆分（advancedChunks / codeSplitting）、chunk 命名等
+    ...userOutput,
+    // dir 始终由 Nasti 掌管 —— 下方 HTML 改写依赖固定的产物目录，故放在最后强制生效
+    dir: outDir
   });
   await bundle.close();
   await pluginContainer.buildEnd();
@@ -2241,6 +2436,7 @@ var init_build = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
     init_transformer();
     init_env();
@@ -2260,7 +2456,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(import_picocolors3.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors3.default.dim(` v${"1.6.5"}`));
+  console.log(import_picocolors3.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors3.default.dim(` v${"1.7.1"}`));
   console.log(import_picocolors3.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors3.default.dim(`  mode: ${config.mode}`));
   console.log(import_picocolors3.default.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -2338,21 +2534,23 @@ async function bundleNode(config, entry, opts) {
       return { code: result.code, map: result.map ? JSON.parse(result.map) : void 0 };
     }
   };
-  const existingTransform = config.build.rolldownOptions?.transform;
-  const mergedDefine = { ...existingTransform?.define ?? {}, ...envDefine };
+  const { output: userOutput, transform: userTransform, ...restInputOptions } = config.build.rolldownOptions;
+  const mergedDefine = { ...userTransform?.define ?? {}, ...envDefine };
   const bundle = await (0, import_rolldown2.rolldown)({
+    ...restInputOptions,
     input: entry,
-    transform: { ...existingTransform, define: mergedDefine },
     platform: "node",
-    plugins: [oxcTransformPlugin, electronPlugin(config), resolvePlugin(config)],
-    ...config.build.rolldownOptions
+    transform: { ...userTransform, define: mergedDefine },
+    plugins: [oxcTransformPlugin, electronPlugin(config), resolvePlugin(config)]
   });
   import_node_fs9.default.mkdirSync(import_node_path12.default.dirname(opts.outFile), { recursive: true });
   await bundle.write({
-    file: opts.outFile,
-    format: opts.format === "cjs" ? "cjs" : "esm",
     sourcemap: !!config.build.sourcemap,
     minify: !!config.build.minify,
+    // 允许用户微调 output；但主进程 / preload 的单文件约束由下方键强制保证
+    ...userOutput,
+    file: opts.outFile,
+    format: opts.format === "cjs" ? "cjs" : "esm",
     codeSplitting: false
   });
   await bundle.close();
@@ -2414,7 +2612,7 @@ async function startElectronDev(inlineConfig = {}) {
   const { noSpawn, ...rest } = inlineConfig;
   const config = await resolveConfig({ ...rest, target: "electron" }, "serve");
   warnElectronVersion(config);
-  console.log(import_picocolors4.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors4.default.dim(` v${"1.6.5"}`));
+  console.log(import_picocolors4.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors4.default.dim(` v${"1.7.1"}`));
   const { createServer: createServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
   const server = await createServer2({ ...rest, target: "electron" });
   await server.listen();
@@ -2749,6 +2947,6 @@ cli.command("preview [root]", "Preview production build").option("--port <port>"
   }
 });
 cli.help();
-cli.version("1.6.5");
+cli.version("1.7.1");
 cli.parse();
 //# sourceMappingURL=cli.cjs.map