@nuxt/webpack-builder 4.1.3 → 4.2.0

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { logger, useNitro, useNuxt } from '@nuxt/kit';
 import { createUnplugin } from 'unplugin';
 import MagicString from 'magic-string';
 import { webpack, WebpackBarPlugin, builder, MiniCssExtractPlugin, TsCheckerPlugin } from '#builder';
-import { join, resolve, basename, normalize, dirname, isAbsolute } from 'pathe';
+import { join, resolve, basename, normalize, isAbsolute } from 'pathe';
 import { createFsFromVolume, Volume } from 'memfs';
 import querystring from 'node:querystring';
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
@@ -24,8 +24,9 @@ import createResolver from 'postcss-import-resolver';
 import { createJiti } from 'jiti';
 import VueLoaderPlugin from 'vue-loader/dist/pluginWebpack5.js';
 import { mkdir, writeFile } from 'node:fs/promises';
-import { normalizeWebpackManifest } from 'vue-bundle-renderer';
+import { normalizeWebpackManifest, precomputeDependencies } from 'vue-bundle-renderer';
 import { hash } from 'ohash';
+import { serialize } from 'seroval';
 
 const defaults = {
   globalPublicPath: "__webpack_public_path__",
@@ -475,6 +476,17 @@ function getEnv(ctx) {
     "import.meta.client": ctx.isClient,
     "import.meta.server": ctx.isServer
   };
+  if (ctx.isClient) {
+    _env["process.prerender"] = false;
+    _env["process.nitro"] = false;
+    _env["import.meta.prerender"] = false;
+    _env["import.meta.nitro"] = false;
+  } else {
+    _env["process.prerender"] = "(()=>process.prerender)()";
+    _env["process.nitro"] = "(()=>process.nitro)()";
+    _env["import.meta.prerender"] = "(()=>import.meta.prerender)()";
+    _env["import.meta.nitro"] = "(()=>import.meta.nitro)()";
+  }
   if (ctx.userConfig.aggressiveCodeRemoval) {
     _env["typeof process"] = JSON.stringify(ctx.isServer ? "object" : "undefined");
     _env["typeof window"] = _env["typeof document"] = JSON.stringify(!ctx.isServer ? "object" : "undefined");
@@ -703,11 +715,11 @@ async function createPostcssLoadersRule(ctx) {
 }
 
 class VueSSRClientPlugin {
-  options;
+  serverDist;
+  nuxt;
   constructor(options) {
-    this.options = Object.assign({
-      filename: null
-    }, options);
+    this.serverDist = resolve(options.nuxt.options.buildDir, "dist/server");
+    this.nuxt = options.nuxt;
   }
   apply(compiler) {
     compiler.hooks.afterEmit.tap("VueSSRClientPlugin", async (compilation) => {
@@ -798,12 +810,12 @@ class VueSSRClientPlugin {
         }
       }
       const manifest = normalizeWebpackManifest(webpackManifest);
-      await this.options.nuxt.callHook("build:manifest", manifest);
-      const src = JSON.stringify(manifest, null, 2);
-      await mkdir(dirname(this.options.filename), { recursive: true });
-      await writeFile(this.options.filename, src);
-      const mjsSrc = "export default " + src;
-      await writeFile(this.options.filename.replace(".json", ".mjs"), mjsSrc);
+      await this.nuxt.callHook("build:manifest", manifest);
+      await mkdir(this.serverDist, { recursive: true });
+      const precomputed = precomputeDependencies(manifest);
+      await writeFile(join(this.serverDist, `client.manifest.json`), JSON.stringify(manifest, null, 2));
+      await writeFile(join(this.serverDist, "client.manifest.mjs"), "export default " + serialize(manifest), "utf8");
+      await writeFile(join(this.serverDist, "client.precomputed.mjs"), "export default " + serialize(precomputed), "utf8");
     });
   }
 }
@@ -885,10 +897,7 @@ function vue(ctx) {
     options: ctx.userConfig.loaders.vue
   });
   if (ctx.isClient) {
-    ctx.config.plugins.push(new VueSSRClientPlugin({
-      filename: resolve(ctx.options.buildDir, "dist/server", `${ctx.name}.manifest.json`),
-      nuxt: ctx.nuxt
-    }));
+    ctx.config.plugins.push(new VueSSRClientPlugin({ nuxt: ctx.nuxt }));
   } else {
     ctx.config.plugins.push(new VueSSRServerPlugin({
       filename: `${ctx.name}.manifest.json`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "4.1.3",
+  "version": "4.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",
@@ -39,8 +39,8 @@
     "h3": "^1.15.4",
     "jiti": "^2.6.1",
     "knitwork": "^1.2.0",
-    "magic-string": "^0.30.19",
-    "memfs": "^4.48.1",
+    "magic-string": "^0.30.21",
+    "memfs": "^4.49.0",
     "mini-css-extract-plugin": "^2.9.4",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
@@ -51,30 +51,31 @@
     "postcss-loader": "^8.2.0",
     "postcss-url": "^10.1.3",
     "pug-plain-loader": "^1.1.0",
-    "std-env": "^3.9.0",
+    "seroval": "^1.3.2",
+    "std-env": "^3.10.0",
     "time-fix-plugin": "^2.0.7",
     "tinyglobby": "^0.2.15",
     "ufo": "^1.6.1",
-    "unenv": "^2.0.0-rc.21",
+    "unenv": "^2.0.0-rc.22",
     "unplugin": "^2.3.10",
     "url-loader": "^4.1.1",
     "vue-bundle-renderer": "^2.2.0",
     "vue-loader": "^17.4.2",
-    "webpack": "^5.102.0",
+    "webpack": "^5.102.1",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-dev-middleware": "^7.4.5",
     "webpack-hot-middleware": "^2.26.1",
     "webpackbar": "^7.0.0",
-    "@nuxt/kit": "4.1.3"
+    "@nuxt/kit": "4.2.0"
   },
   "devDependencies": {
     "@rspack/core": "1.5.8",
     "@types/webpack-bundle-analyzer": "4.7.0",
-    "@types/webpack-hot-middleware": "2.25.10",
-    "rollup": "4.52.4",
+    "@types/webpack-hot-middleware": "2.25.11",
+    "rollup": "4.52.5",
     "unbuild": "3.6.1",
     "vue": "3.5.22",
-    "@nuxt/schema": "4.1.3"
+    "@nuxt/schema": "4.2.0"
   },
   "peerDependencies": {
     "vue": "^3.3.4"