@nuxt/webpack-builder 4.1.2 → 4.2.0

package/README.md

@@ -60,7 +60,7 @@ Example of an `app.vue`:
 <script setup lang="ts">
 useSeoMeta({
   title: 'Meet Nuxt',
-  description: 'The Intuitive Vue Framework.'
+  description: 'The Intuitive Vue Framework.',
 })
 </script>
 
@@ -93,13 +93,13 @@ Discover our [list of modules](https://nuxt.com/modules) to supercharge your Nux
 We invite you to contribute and help improve Nuxt 💚
 
 Here are a few ways you can get involved:
-- **Reporting Bugs:** If you come across any bugs or issues, please check out the [reporting bugs guide](https://nuxt.com/docs/community/reporting-bugs) to learn how to submit a bug report.
-- **Suggestions:** Have ideas to enhance Nuxt? We'd love to hear them! Check out the [contribution guide](https://nuxt.com/docs/community/contribution) to share your suggestions.
-- **Questions:** If you have questions or need assistance, the [getting help guide](https://nuxt.com/docs/community/getting-help) provides resources to help you out.
+- **Reporting Bugs:** If you come across any bugs or issues, please check out the [reporting bugs guide](https://nuxt.com/docs/4.x/community/reporting-bugs) to learn how to submit a bug report.
+- **Suggestions:** Have ideas to enhance Nuxt? We'd love to hear them! Check out the [contribution guide](https://nuxt.com/docs/4.x/community/contribution) to share your suggestions.
+- **Questions:** If you have questions or need assistance, the [getting help guide](https://nuxt.com/docs/4.x/community/getting-help) provides resources to help you out.
 
 ## <a name="local-development">🏠 Local Development</a>
 
-Follow the docs to [Set Up Your Local Development Environment](https://nuxt.com/docs/community/framework-contribution#setup) to contribute to the framework and documentation.
+Follow the docs to [Set Up Your Local Development Environment](https://nuxt.com/docs/4.x/community/framework-contribution#setup) to contribute to the framework and documentation.
 
 ## <a name="professional-support">🛟 Professional Support</a>
 

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`
@@ -1245,7 +1254,7 @@ async function compile(compiler) {
   if (nuxt.options.dev) {
     const compilersWatching = [];
     nuxt.hook("close", async () => {
-      await Promise.all(compilersWatching.map((watching) => pify(watching.close.bind(watching))()));
+      await Promise.all(compilersWatching.map((watching) => watching && pify(watching.close.bind(watching))()));
     });
     if (compiler.options.name === "client") {
       return new Promise((resolve, reject) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",
@@ -32,15 +32,15 @@
     "css-minimizer-webpack-plugin": "^7.0.2",
     "cssnano": "^7.1.1",
     "defu": "^6.1.4",
-    "esbuild-loader": "^4.3.0",
+    "esbuild-loader": "^4.4.0",
     "escape-string-regexp": "^5.0.0",
     "file-loader": "^6.2.0",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "h3": "^1.15.4",
-    "jiti": "^2.5.1",
+    "jiti": "^2.6.1",
     "knitwork": "^1.2.0",
-    "magic-string": "^0.30.19",
-    "memfs": "^4.38.3",
+    "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.1.2",
+    "vue-bundle-renderer": "^2.2.0",
     "vue-loader": "^17.4.2",
-    "webpack": "^5.101.3",
+    "webpack": "^5.102.1",
     "webpack-bundle-analyzer": "^4.10.2",
-    "webpack-dev-middleware": "^7.4.3",
+    "webpack-dev-middleware": "^7.4.5",
     "webpack-hot-middleware": "^2.26.1",
     "webpackbar": "^7.0.0",
-    "@nuxt/kit": "4.1.2"
+    "@nuxt/kit": "4.2.0"
   },
   "devDependencies": {
-    "@rspack/core": "1.5.3",
+    "@rspack/core": "1.5.8",
     "@types/webpack-bundle-analyzer": "4.7.0",
-    "@types/webpack-hot-middleware": "2.25.10",
-    "rollup": "4.50.1",
+    "@types/webpack-hot-middleware": "2.25.11",
+    "rollup": "4.52.5",
     "unbuild": "3.6.1",
-    "vue": "3.5.21",
-    "@nuxt/schema": "4.1.2"
+    "vue": "3.5.22",
+    "@nuxt/schema": "4.2.0"
   },
   "peerDependencies": {
     "vue": "^3.3.4"